css的工作原理及使用规则

1. css定义

层叠样式表(英语:Cascading Style Sheets,简写CSS),又称串样式列表、级联样式表、串接样式表、层叠样式表、阶层式樣式表,一种用来为结构化文档(如HTML文档或XML应用)添加样式(字体、间距和颜色等)的计算机语言,由W3C定义和维护。目前最新版本是CSS2.1,为W3C的推荐标准。CSS3现在已被大部分现代浏览器支持,而下一版的CSS4仍在开发中。

2. css的工作原理

当浏览器显示文档时,它必须将文档的内容与其样式信息结合。它分两个阶段处理文档:

  • (1)浏览器将 HTML 和 CSS 转化成 DOM (文档对象模型)。DOM在计算机内存中表示文档。它把文档内容和其样式结合在一起。
  • (2)浏览器显示 DOM 的内容。


    css的工作原理及使用规则_第1张图片
    css工作原理.png

3. css的引用

a. 外部样式表

在HTML的标签中,使用元素中引用

b. 内部样式表

将 CSS 放置在