1引入方式：1）外部样式<link rel="stylesheet" type="text/css" href=""/>
2）嵌入样式<style type="text/css"> p{}
3)内联样式<p style="">
4)优先级：3）>2)>1)
2选择器：id class 元素 伪类 伪对象 属性选择器 通配符 子选择器 包含选择器
3盒子模型：margin padding border content
4布局： position float table z-index (一般优先使用float)
5 .BFC产生它的条件：1）float:除了none
2）overflow：auto，hidden，scroll
3）display：table-cell，table-caption，inline-block
4）position：fixed，absolute
作用：清除浮动，margin重叠
6清除浮动：
1）after伪对象
2）新加元素
3）父级BFC
7 1）水平居中：margin：auto text-align（针对内嵌元素） position 占位
2）垂直居中：vertical-align（表单小部件） line-height position padding
8画三角：border
9左侧固定，右侧自适应：
1）第一个浮动，第二个margin-left：大于第一个的宽度
2）用定位，再index
原文：http://www.cnblogs.com/wangxiaobo/p/3981178.html