精灵图————————————————
多张小图合成一个大图片，叫做精灵图。
优点：减少服务器发送次数，减轻服务器压力。原理：将本来只发送很多次的图片变成只发送一次。
用法：1，在css里设置一张图的大小。2，给盒子设置背景图。3，分别取位置的负值设置给图片（控制精灵图在网页坐标的位置）。
**背景大小 **
语法background-size：
宽度 高度
百分比，设置的是盒子的百分比
contain跟盒子等比例缩放
cover放大到覆盖满盒子
backgound连写拓展
普通连写bg：color image repeat x位置 y位置
完整连写：color image repeat x位置 y位置 image repeat x位置 y位置/siz系列
过渡transition：盒子慢慢变化的效果
取值：all所有能过渡的属性都过渡
过渡的时长：数字+s
一般给主元素添加，给hover状态设置的话鼠标拿开会少一个结束时的动画。
文字阴影
属性值：h-shadow水平偏移量，v-shadow垂直偏移量，blur可选，模糊度，color阴影颜色。阴影可以设置多个。
text-shadow连写：位置 位置 模糊度px 颜色，可继续设置阴影。
盒子阴影
属性值box-shadow。
属性值：除了之前4个以外spread阴影扩大，inset内部阴影。
网页语言
代表当前网页的语言【CN必须大写】文档类型
代表当前网页的文档类型HTML乱码的情况
没设置好会出现乱码或者不显示。
UTF-8万国码，开发中统一使用UTF-8
