精灵图：

项目中将多张小图片，合并成一张大图片，这张大图片称之为精灵图。优点：减少服务器发送次数，减轻服务器的压力，提高页面的加载速度。精灵图的标签，都用行内标签设置；例如：span , b , i . 使用步骤，创建一个盒子，设置盒子的尺寸和小图尺寸相同，将精灵图设置为盒子的“背景图片”，修改背景图位置；通过像素大厨测量尺寸,往左上方向都取负值。background-position: x y.

背景大小展示：通常是不会放大图片的，因为会导致失帧情况。

盒子阴影：box-shadow，

必须参数h跟v。h水平偏移量，v垂直偏移量；都允许负值/blur模糊度/spread阴影扩大/color阴影颜色/inset将阴影改为“内部阴影”。外阴影不能添加outside，否则会报错。 连写时4个值，一个颜色。第一个值是x轴偏移/ 第二个值y轴便宜 /第三个值模糊度，越大越模糊/第四个值阴影面积范围。

过度：transition，

常配合hover使用，增强网页交互体验，过度需要，默认状态和hover状态样式不同，才能有过度交互体验。谁变化谁加transition属性。如果变化的属性多，直接写all表示所有属性。

seo介绍：

搜索引擎优化，作用让网站在搜索引擎上的排名靠前。常见方法：1，竞价排名/2，将网页制作成html后缀/3，标签语义化（在合适的地方使用合适的标签）。三大标签：title网页标题标签/description网页描述标签/keywords网页关键词标签；后两个网页属性以meta开头。

外链式要按顺序引入，写在后面的生效。base清除样式代码/common网站多个相同模块，头部，底部等。 ；；；； 先base / common / index 顺序不能乱