一、浏览器
1.1.组成部分
- shell - 界面
- 内核 - 技术手段
1.2.全球最大的浏览器厂商
- Google Chrome webkit/blink
- Safari webkit
- firefox gecko
- IE trident
- Opera presto 目前属于360和昆仑万维
1.3.内核
- 渲染rendering引擎
- JS引擎
二、CSS和选择器
2.1.CSS含义
- CSS cascading style sheet 层叠样式表
2.2.选择器书写格式
-
选择器 {
属性名: 属性值;
属性名: 属性值;
}
2.3.CSS书写格式
- 内联样式 - 行间样式，行内样式
- 内部样式表
- 外部样式表
2.4.权重(优先级)
- !important(慎用) > 内联样式 > 内部样式表 > 外部样式表
2.5.选择器分类
- id选择器 #id - 唯一性 _连接复合单词
- 类选择器 .class - 可以出现多次 -连接复合单词
- 标签选择器
- 通配符选择器 *
- 属性选择器 []
- 派生选择器
- 并列选择器
- 分组选择器
2.6.选择器权重
- !important > id > class | 属性 > 标签 > 通配符
2.7.CSS权重值
- *号 0
- 标签，伪元素 1
- class，属性，伪类 10
- id 100
- 内联样式 1000
- !important 正无穷
2.8.浏览器对父子选择器的匹配规则
- 浏览器对CSS的匹配规则是从右到左，从下到上的。
