淘先锋技术网

首页 1 2 3 4 5 6 7

CSS中的继承属性是指子元素会继承父元素样式的属性,这些属性在子元素中可以不加具体的值,直接继承父元素的值。下面是CSS中可以被继承的属性:


color
font
font-family
font-size
font-style
font-weight
letter-spacing
line-height
text-align
text-indent
text-transform
visibility
white-space
word-spacing

css的哪些属性可以继承

在使用这些属性时,需要注意它们在不同元素之间的继承效果,比如:


父元素
{
  font-family: Arial;
  color: red;
  text-align: center;
}

子元素
{
  font-size: 14px; /* 不会继承父元素的font-size */
  text-transform: uppercase; /* 会继承父元素的text-align和color */
}

另外,需要注意的是,有些属性虽然可以被继承,但是在具体值上会有区别,比如line-height属性。如果父元素的line-height属性是具体数值,而子元素的line-height属性是百分比或者倍数值,那么子元素在继承这个属性时会在具体值上进行计算。