1.内容与表现分离
写一个网页就好比建房子，房子的结构通过砖块、钢筋、水泥搭建，后期通过瓷砖、地板等的装饰，才能让房子更加漂亮。
网页通过HTML搭建整体结构，通过CSS修饰美化网页。为了使得在搭建的过程中不受到美化网页的影响，而是专注在结构上。并且在后期的维护上也更加方便。
2.网页的表现统一，容易修改
分开之后，结构和样式在不同的文件，互不影响，结构清晰，可读性强，后期如果修改维护便于定位查找。
3.丰富的样式，使得页面布局更加灵活
首先样式表中提供了强大的而且非常全面灵活的选择器，可以供大家选取到网页中的任何一个元素
从大的方面选择器可以分为四大类：
1.基本选择器
2.层次选择器
3.结构伪类选择器
4.属性选择器
如下图偶只是截取了属性选择器中几种：
其次样式表不仅提供了文本效果、背景和边框还有2D/3D 转换、动画、多列布局、用户界面等。
4.减少网页的代码量，增加网页的浏览速度，节省网络带宽
很多CSS3技术通过提供相同的视觉效果而成为图片的“替代品”
换句话说，在进行Web开发时，减少多余的标签嵌套以及图片的使用数量，意味着用户要下载的内容将会更少，页面加载也会更快。
另外，更少的图片、脚本和Flash文件能够减少用户访问Web站点时的HTTP请求数，这是提升页面加载速度的最佳方法之一。
而使用CSS3制作图形化网站无需任何图片，极大地减少了HTTP的请求数量，并且提升了页面的加载速度
基于以上几点，使用样式表是必须的！！
@ css3中伪类选择器由什么组成？
w3c规范中伪类有：
active、hover、link、visited 【css1】
所有主流浏览器都支持以上伪类，但是只在对标签上的支持最好。
【css2】的有3个
focus ： 如果规定了<!doctype>，将在主流浏览器&ie8+中支持(否则ie不支持)
first-child：必须声明<!doctype>才能够确保在ie中正常支持
lang：如果规定了<!doctype>，将在主流浏览器&ie8+中支持(否则ie不支持)
@ CSS定义超链接样式有什么顺序？
首先，CSS设置超链接样式是通过伪类来实现的css称这些链接状态为伪类选择器，在css思考方式里,”真”类属性是用class=的属性来明确指定的,而伪类选择器则是用(:hover ; :visited ; :link ; :active)来指定,具体意义及顺序如下： a:link是链接平常的状态， a:visited是已访问的状态，a:hover是鼠标停留在链接之上，a:active是被选择的链接。 伪类名字对大小写不敏感，但在定义顺序上有要求。:hover必须被置于:link和:visited之后才是有效的，:active必须被置于:hover之后才是有效的。 如果没有指定伪类，则默认为 :link。
@ html5和css3与html和css的区别？
html5是HTML的最新标准版本，而css3则是css的最新标准版本。平时大家说HTML5+CSS3，其实指的就是利用这二者的新特性来开发项目。 HTML5相对于以前的HTML4版本，主要朝着语义化、现代化的方向发展，去掉了一些纯表现形式的标签，增加了一些语义化的标签和多媒体标签，更加符合现代开发需要。而CSS3呢，基本上是向下兼容以前的标准，在以前的基础上添加了不少新特性。利用HTML5+CSS3组合，可能简单几行代码就能够实现以前需要很多代码配合js才能实现的功能。
