仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1037|回复: 9
打印 上一主题 下一主题

[DIV+CSS] 来讲讲:网页制造进修之CSS款式表的优先权

[复制链接]
愤怒的大鸟 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:06:49 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
在主页制作时采用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)、每一个属性选择符(例[attr=”"])、每一个伪类(例: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>bodytabletr[id=”totals”]tdul>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。
莫相离 该用户已被删除
沙发
发表于 2015-1-18 05:15:31 | 只看该作者
还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
若天明 该用户已被删除
板凳
发表于 2015-1-18 05:15:31 | 只看该作者
AdobeDreamweaverCS5软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的AdobeCSLive在线服务AdobeBrowserLab集成。
admin 该用户已被删除
地板
发表于 2015-1-24 20:08:08 | 只看该作者
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
山那边是海 该用户已被删除
5#
发表于 2015-2-2 14:00:15 | 只看该作者
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
若相依 该用户已被删除
6#
发表于 2015-2-7 23:39:10 | 只看该作者
可以使用 CSS 检查工具进行设计。
小魔女 该用户已被删除
7#
发表于 2015-2-23 20:05:31 | 只看该作者
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
兰色精灵 该用户已被删除
8#
发表于 2015-3-7 10:25:00 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
金色的骷髅 该用户已被删除
9#
发表于 2015-3-15 00:05:38 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
变相怪杰 该用户已被删除
10#
发表于 2015-3-21 18:20:41 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2025-1-4 04:35

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表