CSS三大特性

来源:互联网 发布:中小学教学软件 编辑:程序博客网 时间:2024/05/21 15:26

继承

继承就是子代可以直接使用父代的某些样式(特征),当然有些可以继承,有些不能继承。比如人可以从父母继承姓、肤色等,但性格不能继承。而CSS中也有继承性但并不是所有的属性都可以被继承。
CSS中可继承的和不可继承的属性:
不可继承的属性有:display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、left、right、top、bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、page-bread-before、unicode-bidi。
所有元素可继承的属性有:元素可见性属性visibility和光标属性cursor。
内联元素可继承的属性有:字体系列属性和除text-indent、text-align之外的文本系列属性。
块状元素可继承的属性有:text-indent、text-align。
列表元素可继承可继承的属性有:list-style、list-style-type、list-style-position、list-style-image。

层叠性

CSS中也支持叠加,但名词为层叠。
层叠性:就是css处理冲突的能力。
案例:

<head>    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>    <title></title>    <style type="text/css">        div{            font-size: 24px;        }        #dang{            color: red;        }    </style></head><body>    <div id="dang">张三</div>    <div>李四</div></body>

优先级

在现实生活中当多条相互冲突的规则施加到同一事物时,也必须指定一个规则,也就是优先级。从系列实验中可得出CSS选择器优先级的结论内联>id选择器>类选择器>元素选择器内部样式>外部样式