一、css基础知识
- css层叠样式表引入的分类和位置
（1）内部样式：在head区域的style标签里面
（2）外部样式：在link中引入
（3）内联样式：标签元素里面
- 表示颜色的几个方式
（1）使用颜色的名字进行表示：css为我们定义了17个颜色
（2）使用16进制来对颜色进行表示:#FFFFFF
（3）用rgb(r，g，b)函数的形式:rgb(255,255,0)
（4）用hsl(Hue,Saturation,Lightness,alpha)函数表示（色调、饱和度、亮度、透明度)
- 样式优先级
(1）当权值一样的时候：css采用就近原则
内联样式（标签内部的样式）>嵌入样式表（当前的文件中）>外部样式表（外部文件）
(2）对样式表来说：
ID派生选择权>ID选择器>类派生选择器>类选择器
(3）一个元素同时应用多个class，后定义的优先（即近者优先），加上!important者最优先！
- 选择器
（1）class可以重复使用、id只可以是唯一的
（2）http://www.runoob.com/cssref/css-selectors.html，对所有的选择器进行整理
- 背景属性
(1）添加背景颜色：background:red; backgronnd-color:red;
(2）添加背景图片：background:url(“images/1.jpg”); backgronnd-image:url(“images/1.jpg”);
(3）背景平铺：平铺就是背景是否重读的出现
不平铺：background-repeat:no-repeat;
水平方向平铺：background-repeat:repeat-x;
垂直方向平铺：background-repeat:repeat-y;
完全平铺：默认为完全平铺
(4）背景图片的定位：background-position的取值可为英文单词或者数值和百分值。
(5）背景图片的大小：背景图片的大小可以通过属性background-size来设置，background-size的取值可为数值和百分值。
(6）背景图片的滚动情况：ackground-attachment:fixed; 固定，不随内容的滚动而滚动background-attachment:scroll; 滚动，随内容的滚动而滚动
二、面试遇到的小问题
- css的怪异盒子：（w3c和ie盒子），其中怪异盒子是IE盒子衍生出来的问题
标准盒子模型：一个block的总宽度 = width +margin+padding+border
怪异盒子模型：一个block的总宽度 = width+margin，其中width包含了padding和border - css中有哪些长度单位
绝对长度单位 :
px像素
in英寸（1in = 96px）
cm厘米 （1cm =37.8px）
mm毫米
相对字体长度单位:
em
rem
points（默认 1point = 1/72 in）
pica（1pc = 12pt）
ex 一个基于当前字体x的高度度量的属性
ch 基于0的宽度
可视区百分比长度单位
vw可视区宽度
vh可视区高度
vmin取vh、vw的最小值
vmax取二者的最大值
特殊的单位
百分比
- display:none和visibility:hidden的区别
display:none 不会保留元素空间，会触发reflow
visibility:hidden会保留元素的空间，只是视觉效果上面不进行显示，不会触发reflow，但是会触 发repaint
- reflow（回流）和repaint（重绘）
元素的外观会发生改变，但是布局没有发生改变，会触犯repaint，不会影响DOM结构的渲染
元素布局发生改变会触发reflow，它会影响DOM的结构渲染
- BFC是Block Formatting Context缩写，中文名：块级格式化上下文
