css中的继承,子标签会继承父标签的某些样式(话说自己以前还真的没有注意到过继承) 您所在的位置:网站首页 css继承样式 css中的继承,子标签会继承父标签的某些样式(话说自己以前还真的没有注意到过继承)

css中的继承,子标签会继承父标签的某些样式(话说自己以前还真的没有注意到过继承)

2023-11-10 12:22| 来源: 网络整理| 查看: 265

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 实验室设备网 版权所有