这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天
0 前面的话
今天是字节青训营的第二天，参加这个前端训练营部分原因是因为项目，刚好复习了一下前端的知识。此次笔记，并不罗列一些简单的HTML元素啊什么的，只罗列出本人认为比较重要的点，或不知道的东西，但不罗列不代表不重要。
1 前端与HTML
前端的技术栈
DOM树
DOM 是 Document Object Model（文档对象模型）的缩写。
根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点：
- 整个文档是一个文档节点
- 每个 HTML 元素是元素节点
- HTML 元素内的文本是文本节点
- 每个 HTML 属性是属性节点
- 注释是注释节点
HTML DOM 将 HTML 文档视作树结构。这种结构被称为节点树。
走进前端技术栈-CSS
CSS是如何工作的
选择器的优先级
1、如果一个元素使用了多个选择器,则会按照选择器的优先级来给定样式。
2、选择器的优先级依次是: 内联样式 > id选择器 > 类选择器 > 标签选择器 > 通配符选择器
选择器之间的组合
颜色-HSL
值得一提的是rgba(255, 0, 0, 0.12)、hsla(0, 100%, 50%, 0.12)中的a指的是alpha透明度。
