CSS哪些属性可以继承哪些不可继承 与 CSS优先级算法

30次阅读

共计 1562 个字符,预计需要花费 4 分钟才能阅读完成。

CSS 哪些属性可以继承哪些不可继承
可继承属性:1. 字体系列属性 font: 组合字体 font-family: 规定元素的字体系列 font-weight: 设置字体的粗细 font-size: 设置字体的尺寸 font-style: 定义字体的风格 font-variant: 偏大或偏小的字体 2. 文本系列属性 text-indent: 文本缩进 text-align: 文本水平对刘 line-height: 行高 word-spacing: 增加或减少单词间的空白 letter-spacing:增加或减少字符间的空白 text-transform: 控制文本大小写 direction: 规定文本的书写方向 color: 文本颜色 3. 元素可见性 visibility4. 表格布局属性 caption-side 定位表格标题位置 border-collapse 合并表格边框 border-spacing 设置相邻单元格的边框间的距离 empty-cells 单元格的边框的出现与消失 table-layout 表格的宽度由什么决定 <automatic.fixed.inherit>5. 列表布局属性 list-style-type 文字前面的小点点样式 list-style-position 小点点位置 list-style 以上的属性可通过这属性集合 6. 引用 quotes 设置嵌套引用的引号类型 7. 光标属性 cursor: 箭头可以变成需要的形状
不可继承属性 1.displey2. 文本属性 vertical-align: 垂直文本对齐 text-decoration: 规定添加到文本的装饰 text-shadow: 文本阴影效果 white-space: 空白符的处理 3. 盒子模型属性 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-left4. 背景属性 background、background-color、background-image、background-repeat、background-position、background-attachment5. 定位属性 float、clear、position、top、right、bottom、left、min-width、min-height、max-width、max-height、overflow、clip、z-index
CSS 优先级算法
1. 原则使用就近原则,同权重情况下样式定义最近者为准载入样式以最后载入的定位为准
2. 优先级同权重下:内联样式 (标签内部) > 嵌入样式表 (当前文件中) > 外部样式表 (外部文件中)!import > id > class >tag 备注:important 比内联优先级高
作者有话说
亲爱的读者:每日两道前端面试题专栏目此后不再以此为标题. 关于日期会写在文章的最后. 嘻嘻每日两道前端面试题 20190306

正文完
 0