欢迎光临
我们一直在努力

CSS | CSS继承和层叠

CSS继承指从父元素那继承部分CSS属性。

继承的好处:

  • 父元素设置样式,子元素可以继承部分属性(不是所有属性都能继承)
  • 减少CSS代码

简单来说,如下面的代码,如果我们对body设置文字font-size,那么p标签内的文字也会被设置成对应的大小。

<body><p>这是一行文字!</p></body>

下面是会被继承的CSS样式属性:

azimuth, border-collapse, border-spacing,
caption-side, color, cursor, direction, elevation,
empty-cells, font-family, font-size, font-style,
font-variant, font-weight, font, letter-spacing,
line-height, list-style-image, list-style-position,
list-style-type, list-style, orphans, pitch-range,
pitch, quotes, richness, speak-header, speaknumeral,
speak-punctuation, speak, speechrate,
stress, text-align, text-indent, texttransform,
visibility, voice-family, volume, whitespace,
widows, word-spacing

文本相关属性:

font-family, font-size, font-style,
font-variant, font-weight, font, letter-spacing,
line-height, text-align, text-indent, texttransform,word-spacing

列表相关属性:

list-style-image, list-style-position,
list-style-type, list-style

CSS层叠指的是我们可以对一个元素定义多个样式,当这些样式不冲突时,多个样式可层叠为一个。冲突时,按不同样式规则优先级来应用样式。

赞(0) 打赏
未经允许不得转载:散人研 » CSS | CSS继承和层叠
分享到: 更多 (0)

评论 抢沙发

3 + 6 =
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏