- 浏览器：
组成部分
shell 内核
Google Chrome webkit/blink
Safari webkit
Firefox gecko
IE trident
Opera presto
360和昆仑万维收购了Opera - 内核：
渲染(rendering)引擎
JS引擎(比如ChromeV8)
注意兼容性问题 - CSS
cascading style sheet 层叠样式表
选择器 {
属性名: 属性值;
属性名: 属性值;
}
- 内联样式
- 内部样式表 规范的是在<head>内部写(最底下)</head>
<style type="text/css">
</style>
- 外部样式表
在head标签内最底下写引用
<link rel="stylesheet" type="text/css" href=""/>
rel 必写 relationship 相关的
href hypertext reference (超文本引用) 放的是链接 是一种引用
对比src source 加载资源的路径
优先级/权重：
内联样式>内部样式表>外部样式表
1.png
访问一个网站时 浏览器在下载html的同时也在下载CSS(多开了一个线程来下载，这里先不讨论JS)，然后解析 形成相应要形成的东西 Html解析形成DOM树(就叫Html结构吧) CSS解析形成CSS规则树 由这两个树构建出最后的渲染树 浏览器之后就开始布局渲染 如果有动态操作 又开始重新绘制
