3.4css样式继承与浮动

样式继承？

CSS 样式继承是指某些属性在父元素中定义后，子元素会自动继承这些属性的值，而无需显式设置。继承机制可以减少重复代码，使样式更加简洁。

---

可继承的 CSS 属性

以下是一些常见的可继承属性：

• 文本相关属性：

  • color

  • font-family

  • font-size

  • font-weight

  • line-height

  • text-align

  • text-indent

• 列表相关属性：

  • list-style

  • list-style-type

  • list-style-position

• 其他属性：

  • visibility

  • cursor

---

不可继承的 CSS 属性

以下是一些常见的不可继承属性：

• 布局相关属性：

  • display

  • width

  • height

  • margin

  • padding

  • border

• 背景相关属性：

  • background-color

  • background-image

• 定位相关属性：

  • position

  • top

  • left

  • z-index

---

强制继承

对于不可继承的属性，可以通过 inherit 关键字强制子元素继承父元素的值。

.parent { border: 1p