关灯
开启左侧

[网页制作] css权重问题

[复制链接]
swmozowtfl 发表于 2015-7-12 13:27:10 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
 
通配选择符的权值 0
标签的权值为 1
类的权值为 10
属性选择的权值为 10
伪类选择的权值为 10
伪对象选择的权值为 1
id的权值为 100
important的权值为最高 1000
规则是:选择器的权值加到一起,大的优先;如果权值相同,后定义的优先
注意:
1.除了标签选择器之外,要分清楚哪些类是使用于公共级、哪些类是使用于栏目级中的,如果适用范围是公共级的,应该放于全局的定义中。但,如果它只影响于某个栏目,那么就应该把它放在栏目级的作用域中。
2.标签选择器一般属于栏目定义,有时会用于公共级作用域中,除了最基础的reset之外,应尽可能少使用在公共级定义中
3.css中继承的问题,在css中继承的权值小于1,所以在使用标签选择器的时候,应特别注意它的作用域,除了最基本的reset之外,在公共作用域中最好不要使用标签选择器,在栏目级作用域中也应尽可能的少用。
4.同类选择器无加权
常用有继承性的样式定义:
text-indent
text-align
layout-flow,设置或检索对象的内容块固有的书写方向,horizontal | vertical-ideographic
writing-mode,设置或检索对象的内容块固有的书写方向,lr-tb | tb-rl
line-break,设置或检索用于日文文本的换行规则,normal | strict ,专门负责控制日文换行
white-space,属性具有格式化文本的作用,当属性取值为nowarp时,表示强制在一行内显示所有文本,当属性取值为pre时,表示显示预定义文本格式
word-wrap,这个属性可以控制换行
list-style
list-style-image
list-style-position
list-style-type
font
font-style
font-variant
font-weight
font-size
line-height
font-family
color
text-transform
letter-spacing
word-spacing,增加或减少单词间的空白

更多网页制作信息请查看: 网页制作
 

精彩评论10

正序浏览
gevaemaidovef 发表于 2015-10-12 14:25:09 | 显示全部楼层
 
终于看完了~~~
 
alapScady 发表于 2015-10-12 14:24:50 | 显示全部楼层
 
看你快沉底了~~~~~~
 
seazvyt 发表于 2015-10-12 14:24:33 | 显示全部楼层
 
呵呵 没事怎么有点被讽刺的味道啊
 
wwdu926a 发表于 2015-10-12 14:24:16 | 显示全部楼层
 
呵呵 放心 如我算错 你以后来砸我的帖子 呵呵
 
Mqokjdvq 发表于 2015-10-12 14:23:40 | 显示全部楼层
 
宁愿选择放弃,不要放弃选择。
 
mwxny 发表于 2015-11-5 09:59:21 | 显示全部楼层
 
在这个处女都要验证码的时代不得不弄个会员来当每天看贴无数基本上不回 后来发现很傻,很多比我注册晚的级别都比我高,我终于觉悟于是我就把这段文字保存在记事本里,每看一贴就复制粘贴一次。
 
GoodyFouppy 发表于 2015-11-5 09:58:57 | 显示全部楼层
 
这是安慰我啊~~还是垮我啊???怎么感觉又被扁了啊
 
effoggikeftor 发表于 2015-11-5 09:58:57 | 显示全部楼层
 
什么?????不知道......
 
bqtklouu 发表于 2015-11-5 09:59:45 | 显示全部楼层
 
还呕像.....
 
GoodyFouppy 发表于 2015-11-5 09:59:44 | 显示全部楼层
 
我帮不了你
 
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则


0关注

1粉丝

2503帖子

热门图文
热门帖子
排行榜
作者专栏

关注我们:微信订阅号

官方微信

APP下载

全国服务Q Q:

956130084

中国·湖北

Email:956130084@qq.com

Copyright   ©2015-2022  站长技术交流论坛|互联网技术交流平台Powered by©Discuz!技术支持:得知网络  

鄂公网安备 42018502006730号

  ( 鄂ICP备15006301号-5 )