CSS

用CSS替换图片、使用精灵图，都可以减少http请求，节约带宽 删除不必要的0和单位，可以减少生产包体积 属性简写，可以减少生产包体积 尽量将样式写在单独的css文件中，在head元素中通过link引

浮动可能导致外层盒子塌陷 父元素固定宽高 优点：简单，代码量少，没有兼容问题 缺点：内部元素高度不确定的情况下无法使用 添加新元素 添加一个空元素，利用clear:both 优点：简单，代码量少，没有

px 基本长度单位,绝对单位 em 相对长度单位，相当于当前元素内文本的字体尺寸 rem css3新增，相对单位，基于html元素的字体大小决定，通常配合媒体查询用于解决移动端适配问题 vm/vh 相

可以继承的属性 字体 font font-size font-family font-style font-weight font-variant 文字展示 line-height text-alig

什么是三栏布局 左右固定，中间自适应 实现方法 浮动布局 float: left/right 兼容性好 table布局 父：display:table; 子：display: table-cell 兼

分类 通用选择器： * 元素选择器： h1-h6、p、div.... ID选择器： #zz 类选择器： .zz 属性选择器：[attr] 伪元素选择器：div::first-line 伪类选择器： p

定义 CSS基础盒模型是CSS规范的一个模块，当对一个文档进行布局时，浏览器的渲染引擎会根据这个规范将所有元素表示为一个个矩形的盒子。 分类 从标准意义上分为标准盒模型和IE盒模型，从元素类型上分为块