1.内容与表现分离
写一个网页就好比建房子，房子的结构通过砖块、钢筋、水泥搭建，后期通过瓷砖、地板等的装饰，才能让房子更加漂亮。
网页通过HTML搭建整体结构，通过CSS修饰美化网页。为了使得在搭建的过程中不受到美化网页的影响，而是专注在结构上。并且在后期的维护上也更加方便。
2.网页的表现统一，容易修改
分开之后，结构和样式在不同的文件，互不影响，结构清晰，可读性强，后期如果修改维护便于定位查找。
3.丰富的样式，使得页面布局更加灵活
首先样式表中提供了强大的而且非常全面灵活的选择器，可以供大家选取到网页中的任何一个元素
从大的方面选择器可以分为四大类：
1.基本选择器
2.层次选择器
3.结构伪类选择器
4.属性选择器
如下图偶只是截取了属性选择器中几种：
其次样式表不仅提供了文本效果、背景和边框还有2D/3D 转换、动画、多列布局、用户界面等。
4.减少网页的代码量，增加网页的浏览速度，节省网络带宽
很多CSS3技术通过提供相同的视觉效果而成为图片的“替代品”
换句话说，在进行Web开发时，减少多余的标签嵌套以及图片的使用数量，意味着用户要下载的内容将会更少，页面加载也会更快。
另外，更少的图片、脚本和Flash文件能够减少用户访问Web站点时的HTTP请求数，这是提升页面加载速度的最佳方法之一。
而使用CSS3制作图形化网站无需任何图片，极大地减少了HTTP的请求数量，并且提升了页面的加载速度
基于以上几点，使用样式表是必须的！！
@ css规则定义有哪些选择符？
css选择符（选择器）有以下这些：
1、通配选择符（ * ）：匹配任意元素。
2、id选择符（ # myid）：匹配 ID 等于“myid”的任意元素 。
3、类选择符（.myclassname）：匹配 class 等于“myclassname”的任意元素.
4、标签选择符（div, h1, p）：选择指定元素名称的所有元素。
5、相邻选择符（E + F）：用于选择（不是内部）指定的第一个元素之后紧跟的元素。
6、子选择符（E > F）：用于选取带有特定父元素的元素，例ul > li，选择所有父级是 <ul> 元素的每个 <li> 元素。（学习视频分享：css视频教程）
7、后代选择符（E F）：用于选取元素内部的元素。
8、伪类和伪元素选择符：用于向某些选择器添加特殊的效果。
@ css怎么让li从下往上？
把ul包含的li定义为一个类，在css样式用类选择器设置li的float属性为向左浮动， 即为float：left； 最好将无序列表前面的点去掉。即ul的list-style-type：none；这样设计出来的比较美观。
@ css选择器中可以匹配所有标签的是？
答案是星星选择标签。
因为星号选择器的定义是用于选择html中的所有标签，在一个页面中大家都会选择去掉html所有标签的默认样式，然后根据自己的需求添加样式，这个时候就需要使用*选择标签。
另外一个*选择标签也可以搭配到其他的标签进行使用，用来选择表示某个父元素下面的所有子元素标签。
