CSS是层叠样式表的缩写，即层叠样式表的缩写。
Html5规范，建议css显示页面的外观，Html负责页面的基本语义。通过使用CSS，我们可以将数据逻辑与显示逻辑分离，提高HTML文档的可读性和可维护性。
1、CSS的语法CSS规则由一个选择器和一个或多个声明组成，一个声明包括一个属性和值。
选择器用于选择有效的HTML元素。
一组声明用大括号括起来，在属性和值之间有一个冒号，在值后面有一个分号。
CSS的语法可以表示如下:
这是一个CSS规则的示例:
/*这是一个css规则*/ H2 { color:green；字号:15px}在这个规则中，h2是选择器，“颜色:绿色；”和“字体大小:15px”是两个声明，color和font-size分别是两个属性，green和15px分别是这两个属性对应的值。
CSS中/*和*/之间的内容是注释，和C语言、Java语言的规则一样。
CSS规则清晰易懂。我们可以看到这个CSS规则的意思是h2 title的颜色设置为绿色，字体大小设置为15像素。
2、CSS与HTML的关联方式CSS的作用是为HTML提供外观显示的控制。为了使CSS生效，CSS必须与HTML相关联。
CSS可以通过四种方式与HTML相关联:
(1)CSS作为样式文件被HTML文件引用；
(2)CSS作为样式文件由HTML文件导入；
(3)在HTML文件中，CSS被HTML文件作为内部样式表使用；
(4)在HTML文件中，CSS被一个元素用作其样式属性值。
以上四种相关方式，CSS作为文件引用或导入的方式，一个CSS文件可以被多个HTML文件使用，复用性最高；CSS作为内部样式表，可以被单个HTML的多个元素使用，复用性中等；CSS作为元素的样式属性值，只能被单个元素使用，没有复用性。
3、CSS作为某个元素style属性值的情形以下是一个HTML文档的示例:
& lt！DOCTYPE html & gt & lt；html & gt & lt；head & gt & lt；title & gtcss001 & lt/title & gt； & lt；meta charset = & # 34utf-8 & # 34；/& gt； & lt；/head & gt； & lt；body & gt & lt；p style = & # 34颜色:绿色；字体大小:18px"& gt绿色大字。& lt/p & gt； & lt；p style = & # 34颜色:红色；字体大小:9px"& gt红色小字。& lt/p & gt； & lt；/body & gt； & lt；/html & gt；用浏览器打开这个文件，效果如下:
与样式属性值的情况一样，CSS已经确定了使用的元素，因此不需要提供选择器。
4、CSS作为内部样式单的情形CSS作为内部样式表，通过
& lt！DOCTYPE html & gt & lt；html & gt & lt；head & gt & lt；title & gtcss002 & lt/title & gt； & lt；meta charset = & # 34utf-8 & # 34；/& gt； & lt；style type = & # 34text/CSS & # 34；& gt p{ 颜色:蓝色； font-size:16px； } & lt；/style & gt； & lt；/head & gt； & lt；body & gt & lt；p & gt欢迎来到中国。& lt/p & gt； & lt；p & gt中国是一个伟大的国家。& lt/p & gt； & lt；/body & gt； & lt；/html & gt；用浏览器打开这个文件，效果如下:
我们形成一个css文件表。
表{ 背景色:灰色； 边框:1px纯色； 宽度:200px } table th { border-top:1px solid； border-left:1px纯色； } 表格td{ border-top:1px虚线； border-left:1px虚线； }让我们定义另一个使用这个CSS文件的HTML文件css003.html:
& lt！DOCTYPE html & gt & lt；html & gt & lt；head & gt & lt；title & gtcss003 & lt/title & gt； & lt；meta charset = & # 34utf-8 & # 34；/& gt； & lt；style type = & # 34text/CSS & # 34；& gt @ import & # 34；table.css & # 34； & lt；/style & gt； & lt；/head & gt； & lt；body & gt & lt；表& gt & lt；tr & gt & lt；th & gt名称 & lt；th & gt年龄
这种情况类似于CSS作为文件导入，只是语法上有点区别。
我们继续使用上面的table.css文件，稍微修改一下css004.html，将其改为css004.html:
& lt！DOCTYPE html & gt & lt；html & gt & lt；head & gt & lt；title & gtcss004 & lt/title & gt； & lt；meta charset = & # 34utf-8 & # 34；/& gt； & lt；link href = & # 34table.css & # 34rel = & # 34样式表& # 34；type = & # 34text/CSS & # 34；/& gt； & lt；/head & gt； & lt；body & gt & lt；表& gt & lt；tr & gt & lt；th & gt名称 & lt；th & gt年龄
