温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

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

发布时间:2021-07-23 17:32:24 阅读:156 作者:chen 栏目:web开发
前端开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

本篇内容主要讲解“css有哪些不继承父类的属性”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“css有哪些不继承父类的属性”吧!

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、生成内容属性:

contentcounter-resetcounter-increment

4、盒子模型的属性:

widthheightmargin 、margin-topmargin-rightmargin-bottommargin-leftborderborder-styleborder-top-styleborder-right-styleborder-bottom-styleborder-left-styleborder-widthborder-top-widthborder-right-rightborder-bottom-widthborder-left-widthborder-colorborder-top-colorborder-right-colorborder-bottom-colorborder-left-colorborder-topborder-rightborder-bottomborder-leftpaddingpadding-toppadding-rightpadding-bottompadding-left

5、轮廓样式属性:

outline-styleoutline-widthoutline-coloroutline

6、页面样式属性:

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

7、背景属性:

backgroundbackground-colorbackground-imagebackground-repeatbackground-positionbackground-attachment

8、定位属性:

floatclearpositiontoprightbottomleftmin-widthmin-heightmax-widthmax-heightoverflowclipz-index

9、声音样式属性:

pause-beforepause-afterpausecue-beforecue-aftercue、play-during

到此,相信大家对“css有哪些不继承父类的属性”有了更深的了解,不妨来实际操作一番吧!这里是亿速云网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css
AI

开发者交流群×