css不可以被继承的原因

CSS为我们提供了各种各样的样式属性，可以让我们更加方便地美化网页。有些样式属性是可以被继承的，比如说字体大小、颜色等等，但也有一些样式属性是不能被继承的，这是为什么呢？

p {
  color: blue;
  font-size: 16px;
  margin: 0;
}

span {
  font-weight: bold;
} 

看上面的代码，我们可以看到在p标签中我们定义了字体颜色、大小和margin，但是在span标签中我们只定义了字体加粗。这时候我们给一个段落中的某一部分字体加粗，但是它并不会继承p标签中的字体大小和颜色，因为font-weight这个属性是不能继承的。如果想让每个span标签都继承p标签中的颜色和大小，我们可以给span标签加一个color和font-size属性。

p {
  color: blue;
  font-size: 16px;
  margin: 0;
}

span {
  color: inherit;
  font-size: inherit;
  font-weight: bold;
} 

上面的代码中，我们用了一个新的关键字“inherit”，可以让span标签继承p标签中的属性。当我们把color和font-size属性的值设置为inherit时，它会让浏览器从父元素中继承这些属性，并应用于子元素。

但是有些属性是不能被继承的，比如border、padding、margin等等。这是因为这些样式属性与盒模型相关联，而盒模型中的每一个元素都是独立的，它们的大小和位置不一定会受到父元素的影响。所以这些属性是不能被继承的。

总之，在编写CSS样式时，我们需要注意哪些属性是可以被继承的，哪些是不能被继承的，这样才能更好地控制网页的样式。