本文摘自PHP中文网,作者青灯夜游,侵删。
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、生成内容属性:
1 | content、counter-reset、counter-increment
|
4、盒子模型的属性:
1 | 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、轮廓样式属性:
1 | outline-style、outline-width、outline-color、outline
|
6、页面样式属性:
1 | size、page-break-before、page-break-after
|
7、背景属性:
1 | background、background-color、background-image、background- repeat 、background-position、background-attachment
|
8、定位属性:
1 | float、clear、position、 top 、 right 、 bottom 、 left 、min-width、min-height、max-width、max-height、overflow、clip、z-index
|
9、声音样式属性:
1 | pause-before、pause-after、pause、cue-before、cue-after、cue、play-during
|
(学习视频分享:css视频教程)
以上就是css不继承父类的属性有哪些的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
css如何实现n宫格布局
css注释的两种写法是什么
css里面div如何居中显示文字
css首行缩进怎么弄
css writing-mode属性怎么用
css的类选择器是怎么样的(代码)
你值得了解的一种css获取图片主题色的小技巧(分享)
css怎么写
css中字体常用单位有哪些?
css中的伪元素有什么作用
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » css不继承父类的属性有哪些