css中哪些属性可以继承?
来源:互联网 发布:狼雨seo网络科技 编辑:程序博客网 时间:2024/04/28 17:25
css中哪些属性可以继承?
这是前两天突然想到的一个问题,经常看见有的css样式中会出现XXX:inherit;自己模仿的时候也就跟着写了,但却不知道它的原理是什么。当然,留心的话多写几次也能总结出来,比如经常看见文本相关的会写inherit,表格类会写inherit,但不总结的话,知识就不会形成经证实的认知,不会完全吸收为自己的东西,所以还是查找了资料记录下来。 css中默认会继承的属性在上面已经提到了,一是文本相关的属性,具体有: font-family, font-size, font-style,font-variant, font-weight, font, letter-spacing,line-height,text-align, text-indent, text-transform,word-spacing 二是列表相关的属性,具体如下: list-style-image, list-style-position,list-style-type, list-style 还有一个属性比较重要的是color属性。
查找资料过程中发现另外一个小知识点,虽然之前也看到过,但那时候没有完全理解,也没有记录,以至于再次看到时竟感觉完全没接触过,这次理解了也记录下来。那就是css中样式的特性值,它代表了不同样式的权重,权重大的样式优先。比如一个元素同时具有几个类或id,并且样式之间具有冲突,则权重大的样式会覆盖权重小的样式。
<div class="classname" id="idname"></div> <style> .classname{ color:red; } #idname{ color:blue; } </style> 则这个div的文本颜色为为蓝色。因为id的权重比class大。那么权重的具体计算规则是怎样的呢?如下所示:- h1 {color:blue;} 特性值为:1
- p em{color:purple;} 特性值为:1+1=2
- .apple {red;} 特性值为:10
- p.bright {color:yellow;} 特性值为:10+1=11
- p.bright em.dark {color:brown;} 特性值为:10+1+10+1=22
- #idname {color:yellow} 特性值为:100
文章解释的不错,转载过来,转载地址:http://www.cnblogs.com/HUSTecho/archive/2013/03/26/3199538.html
0 0
- CSS中哪些属性可以继承?
- css中哪些属性可以继承?
- css中哪些属性可以继承?
- CSS中哪些属性可以被继承
- 哪些CSS属性可以继承
- 【CSS】哪些样式属性可以继承
- css中哪些属性会被继承
- css中可以继承的属性
- CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?
- CSS中可以继承和不可继承的属性
- css中可以继承和不能继承的属性
- css中可以继承和不能继承的属性
- CSS 哪些属性默认会继承, 哪些不会继承
- CSS 哪些属性默认会继承, 哪些不会继承?
- css中可以和不可以继承的属性
- css中可以和不可以继承的属性
- CSS中可以和不可以继承的属性
- CSS中可以和不可以继承的属性
- Binder通信学习总结
- XML文件中如何读取xxx.properties文件中的数据
- Linux运维学习第十一课
- 队列和栈和递归
- 二叉树基本操作
- css中哪些属性可以继承?
- express的api学习笔记
- JavaScript判断对象是否含有某个属性
- 第五章 体检项目
- <hadoop>YARN运行机制
- Javac工作原理分析
- EXCEL 数据驱动 只能在 32位下面使用,在64位下面就会报错 解决办法
- 数据库概述
- Linux自学信息汇总