菜单 学习猿地 - LMONKEY

VIP

开通学习猿地VIP

尊享10项VIP特权 持续新增

知识通关挑战

打卡带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

学习猿地私房课免费学

大厂实战课仅对VIP开放

你的一对一导师

每月可免费咨询大牛30次

领取更多软件工程师实用特权

入驻
56
0

css有不可继承属性吗?

原创
05/13 14:22
阅读数 1154

css继承性:

CSS继承可定义为特定的css属性向下传递到子孙元素,就是指被包在内部的标签将拥有外部标签的样式,即子元素可以继承父元素的属性。

继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。

例如下面的代码,div中包含2个p标签,1个span标签,当给div设置字体颜色为红色时,他的子标签会继承父元素的属性,因而会显示红色。 在CSS中以text-、font-、line- 开头的属性都是可以继承的。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        div {
            color: red;
        }
    </style>
</head>
<body>
    <div>
        <p>苹果</p>
        <p>香蕉</p>
        <span>葡萄</span>
    </div>
</body>
</html>

显示结果如下:

但并不是所有的属性都是能够继承的,有一些css属性是不具有继承性的。

无继承性的属性

1、display:规定元素应该生成的框的类型

2、文本属性:

  • vertical-align:垂直文本对齐

  • text-decoration:规定添加到文本的装饰

  • text-shadow:文本阴影效果

  • white-space:空白符的处理

  • unicode-bidi:设置文本的方向

3、盒子模型的属性:

width、height、margin 、margin-top、margin-right、margin-bottom、margin-left、border、border-style、border-top-style、border-right-style、border-bottom-style、border-left-style、border-width、border-top-width、border-right-right、border-bottom-width、border-left-width、border-color、border-top-color、border-right-color、border-bottom-color、border-left-color、border-top、border-right、border-bottom、border-left、padding、padding-top、padding-right、padding-bottom、padding-left

4、背景属性:

background、background-color、background-image、background-repeat、background-position、background-attachment

5、定位属性:

float、clear、position、top、right、bottom、left、min-width、min-height、max-width、max-height、overflow、clip、z-index

6、生成内容属性:

content、counter-reset、counter-increment

7、轮廓样式属性:

outline-style、outline-width、outline-color、outline

8、页面样式属性:

size、page-break-before、page-break-after

9、声音样式属性:

pause-before、pause-after、pause、cue-before、cue-after、cue、play-during

发表评论

0/200
56 点赞
0 评论
收藏
为你推荐 换一批