A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© pakho-chou 中级黑马   /  2019-12-27 15:49  /  1790 人查看  /  5 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

也许你瞧不起以前的 css ,但是你不该再轻视眼下的 css 。近年来 css 的变量系统已逐步得到各大浏览器厂商支持,自定义选择器等强势袭来,嵌套系统/模块系统也在路上...为了更好的掌握 css 这门语言,很有必要把之前零零散散的 css 知识回炉重造下。

css 作为一门语言而,也有其继承原理,虽然简单,你却未必掌握。



在学习上有什么疑问随时可以找我我,与大家分享互联网web前端实战操作,无论你是否有基础,我都欢迎。点:前端技术分享

属性的是否默认继承
初始值是指当属性没有指定值时的默认值,如这些语句的值都是默认值:background-color: transparent、left: auto 、float: none、width: auto 等。

css 的继承很简单,分为默认继承的和默认不继承的,但所有属性都可以通过设置 inherit 实现继承。

当没有指定值时,默认继承的属性取父元素的同属性的计算值(相当于设置了 inherit ),默认不继承的属性取属性的初始值(时相当于设置了 initial )。

默认继承的 ("Inherited: Yes") 的属性:
所有元素默认继承:visibility、cursor
内联元素默认继承:letter-spacing、word-spacing、white-space、line-height、color、font、 font-family、font-size、font-style、font-variant、font-weight、text- decoration、text-transform、direction
块状元素默认继承:text-indent、text-align
列表元素默认继承:list-style、list-style-type、list-style-position、list-style-image
表格元素默认继承:border-collapse
默认不继承的("Inherited: No") 的属性:
文本属性默认不继承:vertical-align、text-decoration、text-shadow、white-space、unicode-bidi
盒子属性默认不继承:display、width、height、padding、margin、border、min-wi

5 个回复

正序浏览
预想生活 朝九晚五 周末自由 不贪财但够花 重要的是和你
回复 使用道具 举报

你笑起来真像好天气
回复 使用道具 举报
我们各自努力,最高处见
回复 使用道具 举报
加油哦小可爱
回复 使用道具 举报
只有在你生命美丽的时候,世界才是美丽的
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马