css可继承的属有哪些 |控制奇偶列颜色的css

css 网页高度，css边框颜色重合，ie内核的css居中，css的下浮动定位，css文字七彩变换，编写css如何同时看效果，控制奇偶列颜色的css css可继承的属有哪些 |控制奇偶列颜色的css

常见的可继承属性有：

color: 继承父元素字体颜色
font-size: 继承父元素字体大小
font-family: 继承父元素字体
line-height: 继承父元素行高
text-align: 继承父元素文本水平对齐方式
text-indent: 继承父元素文本缩进

下面大家分别介绍一下这些可继承属性。

1. color

body {
color: #333333;
}

子元素的字体颜色将继承父元素的颜色，如下所示：

<body>
<div>这是一个测试</div>
</body>

body {
color: #333333;
}
div {
/*继承父元素颜色，文本颜色为#333333*/
}

2. font-size

body {
font-size: 16px;
}

子元素的字体大小将继承父元素的大小，如下所示：

<body>
<div>这是一个测试</div>
</body>

body {
font-size: 16px;
}
div {
/*继承父元素大小，字体大小为16px*/
}

3. font-family

body {
font-family: Arial, Helvetica, sans-serif;
}

子元素的字体将继承父元素的字体，如下所示：

<body>
<div>这是一个测试</div>
</body>

body {
font-family: Arial, Helvetica, sans-serif;
}
div {
/*继承父元素字体，字体为Arial, Helvetica, sans-serif*/
}

4. line-height

body {
line-height: 1.5;
}

子元素的行高将继承父元素的行高，如下所示：

<body>
<div>这是一个测试</div>
</body>

body {
line-height: 1.5;
}
div {
/*继承父元素行高，行高为1.5倍*/
}

5. text-align

body {
text-align: center;
}

子元素的水平对齐方式将继承父元素的对齐方式，如下所示：

<body>
<div>这是一个测试</div>
</body>

body {
text-align: center;
}
div {
/*继承父元素水平对齐方式，文本居中*/
}

6. text-indent

body {
text-indent: 2em;
}

子元素的文本缩进将继承父元素的缩进，如下所示：

<body>
<p>这是一个测试</p>
</body>

body {
text-indent: 2em;
}
p {
/*继承父元素文本缩进，文本缩进2em*/
}

总结：CSS中可继承的属性使得样式更加统一和简洁，同时也注意到一些不可继承的属性，需要特别注意样式的定义，防止出现不必要的问题。