理解CSS | 青训营笔记

55 阅读1分钟

文章第一句话为“这是我参与「第五届青训营 」伴学笔记创作活动的第 2 天

css是什么

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

css是如何工作的

  1. 浏览器载入HTML文件(比如从网络上获取)。
  2. 将HTML文件转换成一个DOM(Document Object Model) ,DOM是文件在计算机内存中的表现形式,下一节将详细解释DOM。
  3. 会拉取该播放的资源,包含HTMLCSS相关的样式。播放JavaScript图片的播放器,然后在此进行处理,简单的同时对如何处理这个节JavaScript不会展开叙述。
  4. 浏览器拉取到CSS之后会进行解析,根据选择器的不同类型(如element、class、id等)把它们分到不同的“桶”中。浏览器根据它找到不同的选择器,将中间的不同规则(基于选择器的规则,如元素器、类选择器、id器等)应用在DOM的节点中,并添加不同依赖的样式(这个步骤称为渲染树)。
  5. 之前的结构进行了预测,之后渲染树应该会出现。
  6. 网页展示在屏幕上(这一步被称为着色)。

图片.png