CSS简介：
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS可以用来为网页创建样式表，通过样式表可以对网页进行修饰。
所谓层叠，可以将整个网页想象成是一层一层的结构，层次高的将会覆盖层次低的。
而CSS就可以分别为网页的各个层次设置样式。
CSS的语法：
1.CSS的注释 ：必须编写在style标签中，或者是CSS文件中。用/**/表示注释。
/* 注释内容 */
2.选择器：通过选择器可以选中页面中指定的元素，并且将声明块中的样式应用到选择器对应的元素上。
3.声明块：声明块紧跟在选择器的后面，使用一对{}括起来，生命期中实际上是一组一组的名值对结构，这一组一组的名值对称之为声明。一个声明块中有多个声明，多个声明用分号隔开；声明样式名和样式值之间使用：来链接。
声明器{
color:blue; /*一组声明*/
font-size:50px;
}
CSS的三种写法：
1.内联样式：可以将CSS样式编写到元素的style属性当中；将样式直接编写到style属性中，这种样式我们成为内联样式；内联样式支队当前的内容起作用,内联样式不方便重复使用。内联样式属于结构与表现耦合，不方便后期的维护，不推荐使用。
<p style="color:blue;font-size:80xp;">web开发的成长之路</p>
2.内部样式表：可以将CSS样式编写到head中的style标签里；将样式表编写的style标签中，然后通过CSS选择器中指定元素；然后可以同时为这些元素一起设置样式，这样可以使得样式进一步的复用。使得表现与结构分离。
<!doctype>
<html>
<head>
<meta charset="utf-8"/>
<style type="text/css">
p{
color:red;
font-size:40px;
}
</style>
<title>css</title>
</head>
<body>
<p>web开发的成长之路</p>
</bofy>
</html>
效果如下：
3.将样式表编写到外部文件中，然后通过link标签将外部的CSS文件引入到当前界面中。这样外部文件中的CSS样式表将会应用到当前界面中。将CSS样式表统一写到外部的文件中，完全使得结构和表现分离，可以最大限度的进行复用。
link标签中的属性rel和type都是固定值。href是路径（写相对路径就可以）。
<!doctype>
<html>
<head>
<meta charset="utf-8"/>
<link rel="stylesheet" type="text/css" href="sty.css"/>
<title>css</title>
</head>
<body>
<p>web开发的成长之路</p>
</bofy>
</html>
sty.css文件中的代码：
p{
color:blue;
font-size:50px;
}
效果如下：
扫一扫
1214
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
