CSS设计指南 笔记2

CSS设计指南 笔记2

2 CSS工作原理

当元素的同一个样式属性有多种样式值的时候,CSS靠层叠机制来决定最终应用哪种样式

CSS是一种先选择HTML元素,然后设定选中元素CSS属性的机制

CSS选择符和要应用的样式构成了一条CSS规则

2.1 剖析CSS规则

规则是一条完整的CSS指令,声明了要修改的元素和要应用给该元素的样式

为文档添加样式的三种方式

  • 行内样式

    • 写在元素标签里

    • 作用范围有限:只能影响所在的标签

    • 总会覆盖嵌入样式和链接样式

      <p>
           default
      p>
      
      <p sylte="font-size: 12px; font-weight: bold">
          use inline CSS styling
      p>
      
  • 嵌入样式

    • 写在