前端
共 11 类 · 此类下共有 2 篇CSS 知识总结2023/3/14
18:24:02 · 423 days ago
1 CSS 优先级
浏览器通过优先级来判断哪些属性值与一个元素最为相关，从而在该元素上应用这些属性值。优先级是基于不同种类选择器组成的匹配规则。
1.1 全局 CSS 优先级
不包括 Javascript 部分：HTML 行内样式 ＞外联样式表
1.2 局内 CSS 优先级
选择器优先级：ID 选择器＞类选择器=伪类选择器=属性选择器＞标签选择器＞通用选择器
局内优先级：!importent ＞行内样式＞外联样式表（选择器）＞继承＞浏览器默认属性
HTML 知识总结2023/3/14
18:24:02 · 423 days ago
1 DOM 相关
DOM 是什么？: 文档对象模型 (DOM) 是 HTML 和 XML 文档的编程接口。它提供了对文档的结构化的表述，并定义了一种方式可以使从程序中对该结构进行访问，从而改变文档的结构，样式和内容。DOM 将文档解析为一个由节点和对象（包含属性和方法的对象）组成的结构集合。简言之，它会将 web 页面和脚本或程序语言连接起来。
1.1 从输入 url 到网页加载完成发生了什么？
DNS 响应、TCP 三次确认链接（握手）、构造 DOM 树和 CSS 树、排列布局、绘制页面
1