浏览器工作原理：
1、在浏览器输入网址（url），浏览器访问服务器
2、服务器接收到请求，向浏览器输送数据
3、浏览器接收到数据存储到缓存里
4、浏览器开始渲染页面
浏览器渲染过程：
1、根据html结构生产DOM Tree（只是一个DOM结构，没有样式）
2、根据CSS生产CSSOM（CSS Object model）（只是一个样式结构）
3、将DOM和CSSOM整合成Render Tree（渲染树）
4、根据Render Tree开始渲染和展示
5、遇到<script>时，会执行并阻塞渲染（遇到js会阻塞渲染，因为js有权利改变DOM结构，所以得规定先后顺序）
重排：当DOM的变化引发了元素几何属性的变化，比如改变元素的宽高，元素的位置。导致浏览器不得不重新计算元素的几何属性，并重新构建渲染树，这个过程被成为重排
重绘：完成重排后，要将重新构建的渲染树渲染到屏幕上，这个过程被称为重绘（大部分改变css；重排一定重绘，重绘不一定重排）
脱离文档流：
文档流：浏览器默认的排版方式就是文档流，（标准流）排版方式
脱离文档流：不按照文档流的排版方式
背景设置：
background-color：设置背景色
background-image：url（）：设置背景图片
background-position：设置背景图片的位置，取值有两类
top|center|bottom|left|right（上、中、下、左、右）
百分数|由浮点数字和单位标识符组成的长度值
background-attachment：固定背景图片
scroll：背景图像是随对象内容滚动
fixed：背景图片固定
background-repeat：背景的重复
repeat：背景图片在纵向和横向上铺平
no-repeat：背景图片不平铺
repeat-x：背景图片在横向上平铺
repeat-y：背景图片在纵向上平铺
