• 技术文章 >web前端 >前端问答

    css不继承父类的属性有哪些

    青灯夜游青灯夜游2021-07-22 18:04:27原创146

    css不继承父类的属性有:display、width、height、margin 、border、float、clear、position、top、right、bottom、left、background、content、size等等。

    本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

    CSS继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代;也就是说:设置了上级(父级)的CSS样式,上级(父级)及以下的子级(下级)都具有此样式。

    css继承性的作用:给父元素设置一些属性,子元素也可以使用。

    CSS继承是指被包在内部的标签将拥有外部标签的样式性质。继承特性最典型的应用通常发挥在整个网页的样式预设,需要指定为其它样式的部份设定在个别元素里即可。这项特性可以给网页设计者提供更理想的发挥空间。但同时继承也有很多规则,应用的时候容易让人迷惑。

    那么css不继承父类的属性有哪些?

    1、文本属性:

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

    3、生成内容属性:

    content、counter-reset、counter-increment

    4、盒子模型的属性:

    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

    5、轮廓样式属性:

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

    6、页面样式属性:

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

    7、背景属性:

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

    8、定位属性:

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

    9、声音样式属性:

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

    (学习视频分享:css视频教程

    以上就是css不继承父类的属性有哪些的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css 继承
    上一篇:css中的伪类有哪些 下一篇:CSS中常见的布局有哪些?
    第16期线上培训班

    相关文章推荐

    • TP5框架命名空间控制器继承无效是什么情况• css中有哪些属性可以继承• 一分钟带你了解JavaScript原型链继承的概念以及原理• css继承样式有哪些• JavaScript采用什么方式继承

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网