初识CSS样式引入&层叠&继承

引入样式的方式：

• 元素内嵌样式

• 文档内嵌样式

• 外部引用样式

<link rel="stylesheet" type="text/css" href="">

层叠和继承：

• 浏览器样式

• 样式表层叠优先级：

• 浏览器样式<link外部引用样式<文档内嵌样式<元素内嵌样式

• color: green !important; important关键字可以提升样式优先级

• 样式继承
  如果某一个元素并没有设置父元素相关的样式，那么就会使用继承机制将父元素的样式继承下来。
  样式继承只适用于元素的外观（文字、颜色、字体等），而元素在页面上的布局样式则不会被继承。如果继承这种样式，就必须使用强制继承：inherit

p {
border: 1px solid red;
}
b {
border : inherit;
}

这里b是p的子元素，b的布局样式boder通过inherit关键字继承了父元素样式