您的位置:主页 > 营销知识 > 代码学习 > 上海网站建设web前端开发基础教程:CSS的特性
1.CSS层叠性
所谓层叠性是指在样式的优先级相同情况下,多种css样式的叠加。例如,当使用内嵌式css样式表定义<p>标记字号大小为12px,链入式定义<p>标记颜色为红色,那么段落文本将显示为12px红色,即这两种样式产生了叠加。相同类型的定义标签,属性一致属性值不一致的时候,以最后一个属性值为准。
2.继承性
所谓继承性是指书写css样式表时,子标记会继承父标记的某些样式,如文本颜色和字号。想要设置一个可继承的属性,只需要将它应用于父元素即可。
强档的使用继承可以简化代码,降低css样式的复杂性。但是如果再网页中所有的元素都大量继承样式,那么判断样式的来源就会很困难,所以对于字体、文本属性等网页中通用的样式可以使用继承。例如:字体,字号,颜色,行距等可以在body元素中同意设置,然后通过继承影响文档中所有文本
所有字相关的都可以继承,比如:color、text系统、font系列、line系列、cursor
并不是所有的css属性都可以继承,例如边框、外边距、内边距、背景、定位、元素宽高属性等所有盒子相关的属性都不能继承
3.特殊性(css选择器的优先级)
定义css样式时,经常出现两个或者更多规则应用在同一元素上,这时就会出现优先级的问题。
行业样式最大,即行内样式的优先级最高。Id选择器的优先级次之,类选择器优先级再次子,标签选择器低于类选择器。
在考虑权重时,初学者还需要注意一些特殊的情况,具体如下:
继承样式的权重为0。即在嵌套结构中,不管父元素样式的权重多大,被子元素继承时,他的权重都是0,也就是说子元素定义的样式会覆盖继承来的样式。
行内样式优先,应用style属性的元素,其行内样式的权重非常高,可以理解为远大于100,总之,他拥有比上面提高的选择器都大的优先级。
上海云轩网络版权所有 Copyright©2008-2018 http://www.lvon8.com All Rights Reserved 备案号:沪ICP备14049216号