本篇内容主要讲解“css有哪些不继承父类的属性”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“css有哪些不继承父类的属性”吧!
10余年品牌的成都网站建设公司,上千家企业网站设计经验.价格合理,可准确把握网页设计诉求.提供定制网站建设、成都做商城网站、微信平台小程序开发、成都响应式网站建设等服务,我们设计的作品屡获殊荣,是您值得信赖的专业网站制作公司。
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、文本属性:
vertical-align:垂直文本对齐
text-decoration:规定添加到文本的装饰
text-shadow:文本阴影效果
white-space:空白符的处理
unicode-bidi:设置文本的方向
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有哪些不继承父类的属性”有了更深的了解,不妨来实际操作一番吧!这里是创新互联网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!