前端
共 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