CSS三大特性

最新推荐文章于 2023-02-13 17:10:46 发布

zhou_tao520

最新推荐文章于 2023-02-13 17:10:46 发布

阅读量1.6k

点赞数

文章标签： css

本文链接：https://blog.csdn.net/zhou_tao520/article/details/75333097

版权

继承

继承就是子代可以直接使用父代的某些样式（特征），当然有些可以继承，有些不能继承。比如人可以从父母继承姓、肤色等，但性格不能继承。而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>