一、CSS
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
那么如何在网页中引入css来对网页布局进行调整呢？
（1）内联样式（也称为：行内样式）
就是利用标签的style属性，对某一个样式调整。然而在我们的实际开发过程中是绝对不建议这样使用的。这样将页面结构和布局糅杂在一起，及其不利于代码的阅读。
使用示例：
<p style="color: blue; font-size:60px;">这是第一次用css语法！</p>
(2)内部样式表
这是我们经常使用的一种方法，在网页中使用<style>标签，使用css选择器
（3）外部样式表
将css样式编写到一个外部css文件中去，然后通过link标签来引入，可以提高网页加载速度。
二、代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>css介绍和语法</title>
<!--
第二种方法：（内部样式表）
-->
<style>
p{
color: green;
font-size: larger;
}
</style>
<!--
第三种方法：（外部样式表）
-->
<link rel="stylesheet" href="./css/style1.css">
</head>
<body>
<!--
第一种方法：（内联样式，行内样式）
-->
<p style="color: blue; font-size:60px;">这是第一次用css语法！</p>
<p>这是方法二！</p>
<p>第三种也是这样！</p>
</body>
</html>
网友评论