来讲讲：网页制造进修之CSS款式表的优先权
在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。发明良多伴侣对CSS的优先权不甚懂得，划定规矩很复杂。必要申明的一点，假如你的款式办理必要深层判别CSS的优先权，更应深思本人的CSS代码，是不是公道？是不是优化？
CSS2.1中划定了关于CSS划定规矩Specificity（特同性）的盘算体例，用一个四位的数字串（注：CSS2中是用三位）来暗示，最初以Specificity的上下判别CSS的优先权。
Specificity详细的盘算划定规矩：
1.元素的style款式属性，加1,0,0,0。
2.每一个ID选择符（#id），加0,1,0,0。
3.每一个class选择符（.class）、每一个属性选择符（例）、每一个伪类（例:hover），加0,0,1,0。
4.每一个元素或伪元素（例:firstchild）等，加0,0,0,1。
5.其他选择符（例全局选择符*，子选择符>），加0,0,0,0。
最初逐位相加数字串，失掉终极的Specificity值，依照从左到右的按次逐位对照。除Specificity另有一些其他划定规矩：
6.!important声明的划定规矩高于统统，假如!important声明抵触，则对照优先权。
7.假如优先权一样，则按源码中“厥后者居上”的准绳。
8.由承继而失掉的款式属性不介入specificity的盘算，低于统统其他划定规矩（例全局选择符*）。
典范剖析：
h1{color:red;}
/*只要一个一般元素加成，了局是0,0,0,1*/
bodyh1{color:green;}
/*两个一般元素加成，了局是0,0,0,2*/
/*0,0,0,1小于0,0,0,2，后者胜出*/
h2.grape{color:purple;}
/*一个一般元素、一个class选择符加成，了局是0,0,1,1*/
h2{color:silver;}
/*一个一般元素，了局是0,0,0,1*/
/*0,0,1,1年夜于0,0,0,1，前者胜出*/
html>bodytabletrtdul>li{color:maroon;}
/*7个一般元素、一个属性选择符、两个其他选择符（子选择符>），了局是0,0,1,7*/
li#answer{color:navy;}
/*一个ID选择符，一个一般选择符，了局是0,1,0,1*/
/*0,0,1,7小于0,1,0,1，后者胜出*/
源子：怿飞的《详解CSS的优先权》十分的出色。
团体以为CSS优先权是对照主要的观点，特别在保护复杂的CSS款式时，就显得尤其主要了，
故此将这片文章发下去和人人分享
优先权实在会触及到良多承继的成绩。
本文归纳综合的报告了优先权的相干常识。
在实践开辟中，必要注重履历的总结与影象。
只要了解与抽象的器材，才干更好的吸取与使用。
不管你用什么工具软件制作网页，都有在有意无意地使用CSS。用好CSS能使你的网页更加简炼，同样内容的网页，有的人做出来有几十KB，而高手做出来只有十几KB。 还可以在Dreamweaver常用工具中选择超级链接，完成相应的填写即可。 AdobeDreamweaverCS5软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的AdobeCSLive在线服务AdobeBrowserLab集成。 Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。 Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。 可以使用 CSS 检查工具进行设计。 所见则所得网页编辑器的优点就是直观性，使用方便，容易上手. Dreamweaver在所见即所得添加链接，也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈，用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。 在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。 Dreamweaver在所见即所得添加链接，也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈，用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
页:
[1]