网站建设
建站培训SEO

您的位置:主页 > 行业快报 > 建站培训 >

上海网站建设web前端开发基础教程:CSS的特性

上海网站建设公司建站资讯2018-05-20

  1.CSS层叠性

所谓层叠性是指在样式的优先级相同情况下,多种css样式的叠加。例如,当使用内嵌式css样式表定义<p>标记字号大小为12px,链入式定义<p>标记颜色为红色,那么段落文本将显示为12px红色,即这两种样式产生了叠加。相同类型的定义标签,属性一致属性值不一致的时候,以最后一个属性值为准。

2.继承性

所谓继承性是指书写css样式表时,子标记会继承父标记的某些样式,如文本颜色和字号。想要设置一个可继承的属性,只需要将它应用于父元素即可。

强档的使用继承可以简化代码,降低css样式的复杂性。但是如果再网页中所有的元素都大量继承样式,那么判断样式的来源就会很困难,所以对于字体、文本属性等网页中通用的样式可以使用继承。例如:字体,字号,颜色,行距等可以在body元素中同意设置,然后通过继承影响文档中所有文本

所有字相关的都可以继承,比如:colortext系统、font系列、line系列、cursor

并不是所有的css属性都可以继承,例如边框、外边距、内边距、背景、定位、元素宽高属性等所有盒子相关的属性都不能继承

3.特殊性(css选择器的优先级)

定义css样式时,经常出现两个或者更多规则应用在同一元素上,这时就会出现优先级的问题。

行业样式最大,即行内样式的优先级最高。Id选择器的优先级次之,类选择器优先级再次子,标签选择器低于类选择器。

在考虑权重时,初学者还需要注意一些特殊的情况,具体如下:

继承样式的权重为0。即在嵌套结构中,不管父元素样式的权重多大,被子元素继承时,他的权重都是0,也就是说子元素定义的样式会覆盖继承来的样式。

行内样式优先,应用style属性的元素,其行内样式的权重非常高,可以理解为远大于100,总之,他拥有比上面提高的选择器都大的优先级。



该文章由上海垒越科技网站建设http://www.lvon8.com原创编写,转载请保留此地址!否则视为侵权,谢谢合作!
TAGweb开发,web开发培训教程,css特性,上海网站建设,上海网站制作,上海APP开发

最新案例

最热文章

更多最新文章

网站关键词

上海垒越科技有限公司版权所有 Copyright©2008-2018 http://www.lvon8.com All Rights Reserved 备案号:沪ICP备14049216号