css中的继承,子标签会继承父标签的某些样式(话说自己以前还真的没有注意到过继承) | 您所在的位置:网站首页 › css继承样式 › css中的继承,子标签会继承父标签的某些样式(话说自己以前还真的没有注意到过继承) |
css有三大特性:层叠、继承、优先级。这里说一下继承 继承的好处是:恰当地使用继承,可以简化代码,降低css样式的复杂性。 能够继承的有大部分text- font- line- 这些前缀开头的。color属性以及列表的list-属性也可以继承。 文本 color(颜色,a元素除外) direction(方向) font(字体) font-family(字体系列) font-size(字体大小) font-style(用于设置斜体) font-variant(用于设置小型大写字母) font-weight(用于设置粗体) letter-spacing(字母间距) line-height(行高) text-align(用于设置对齐方式) text-indent(用于设置首航缩进) text-transform(用于修改大小写) visibility(可见性) white-space(用于指定如何处理空格) word-spacing(字间距) 列表 list-style(列表样式) list-style-image(用于为列表指定定制的标记) list-style-position(用于确定列表标记的位置) list-style-type(用于设置列表的标记) 表格 border-collapse(用于控制表格相邻单元格的边框是否合并为单一边框) border-spacing(用于指定表格边框之间的空隙大小) caption-side(用于设置表格标题的位置) empty-cells(用于设置是否显示表格中的空单元格) 页面设置(对于印刷物) orphans(用于设置当元素内部发生分页时在页面底部需要保留的最少行数) page-break-inside(用于设置元素内部的分页方式) widows(用于设置当元素内部发生分也是在页面顶部需要保留的最少行数) 其他 cursor(鼠标指针) quotes(用于指定引号样式) 随便举个例子,如下 Document .wrap { color: red; font: 16px "宋体"; font-style: italic; letter-spacing: 10px; } 我是父盒子 我是子盒子显示图如下: |
CopyRight 2018-2019 实验室设备网 版权所有 |