摘要：通用选择器，子选择器和相邻同胞选择器并不在这四个等级中，所以他们的权值都为，优先级最高，万不得已的情况下才用。规范命名风格规范文件命名统一为小写的英文字母尽量少用拼音，如。当名字需要组合时，可以采用文件名的规范。
css样式的权值(权重) 权值等级的定义
第一等：代表内联样式，如: style=””，权值为1000。
第二等：代表ID选择器，如：#content，权值为100。
第三等：代表类，伪类和属性选择器，如.content，权值为10。
第四等：代表类型选择器和伪元素选择器，如div p，权值为1。
Ps:通用选择器（*），子选择器（>）和相邻同胞选择器（+）并不在这四个等级中，所以他们的权值都为0，!important 优先级最高，万不得已的情况下才用。
权重计算 #content div#main-content h2=2*100+2*1=202
#content #main-content>h2=2*100+1=201
body #content div[id="main-content"] h2=1*100+1*10+3*1=113
#main-content div.paragraph h2=1*100+1*10+2*1=112
#main-content [class="paragraph"] h2=1*100+1*10+1*1=111
div#main-content div.paragraph h2.first=1*100+2*10+3*1=123
优先规则
权值大的样式会覆盖权值小的样式，上面例子的样式会采用权值最大201的样式，当你乱用!important，特别是后期修改样式的时候，是不是有种心力憔悴电费感觉？
当css前后样式项的权值一样，后面的样式会覆盖前面的样式。
1 css文件命名：统一为小写的英文字母（尽量少用拼音），如：index.css。
当名字需要组合拼写时，可以在单词间加中杠线（不要用下划线：容易写错）。如：member-report.css。（推荐）
或者统一为驼峰式拼写。如：MemberReport.css (项目启动前统一风格)。
2 样式名（html的class名）：在让人看懂的前提下，尽量语义化或简写。尽量少用拼音，和无语义的缩写 .bt .bd 等； 风格可以统一为小写字母，如：content。当名字需要组合时，可以采用css文件名的规范。
样式的继承 文本样式color,font-family, font-size, font-style, font-variant, font-weight, font, letter-spacing, line-height，text-align, text-indent, texttransform,word-spacing列表相关属性
list-style-image, list-style-position, list-style-type, list-style,css优化 渲染
就是浏览器把HTML代码以css定义的规则显示在浏览器窗口的过程
浏览器对页面呈现的处理流程用户输入网址（假设是个html页面，并且是第一次访问），浏览器向服务器发出请求，服务器返回html文件；
浏览器开始载入html代码，发现
标签内有一个标签引用外部CSS文件；浏览器又发出CSS文件的请求，服务器返回这个CSS文件；
浏览器继续载入html中
部分的代码，并且CSS文件已经拿到手了，可以开始渲染页面了；浏览器在代码中发现一个标签引用了一张图片，向服务器发出请求。此时浏览器不会等到图片下载完，而是继续渲染后面的代码；
服务器返回图片文件，由于图片占用了一定面积，影响了后面段落的排布，因此浏览器要回过头来重新渲染这部分代码；
浏览器发现了一个包含一行Javascript代码的