（一）DIV和SPAN
DIV和SPAN在整个HTML标记中没有任何意义，它们的存在就是为了应用CSS样式。
DIV和SPAN的区别在于，SPAN是内联元素，DIV是块级元素。
（二）盒模型
1、盒子外边框：margin；
2、盒子内边框：padding；
3、盒子边框宽度：border；
4、盒子宽度：width；
5、盒子高度：height。
（三）布局相关的属性
1、position：定位方式。
（1）relative：正常定位；
（2）absolute：根据父元素进行定位；
（3）fixed：根据浏览器窗口进行定位；
（4）static：没有定位；
（5）继承：inherit。
2、定位：left（左）、right（右）、top（上）、bottom（下）离页面顶点的距离。
3、z-index：层覆盖先后顺序（优先级）。
4、display：显示属性。
（1）none：层不显示；
（2）block：块状显示，在元素后面换行，显示下一个块元素；
（3）inline：内联显示，多个块可以显示在一行内。
5、float：浮动属性。
（1）left：左浮动；
（2）right：右浮动。
6、clear：清除浮动，clear:both。
7、overflow：溢出处理
（1）hidde：隐藏超出层大小的内容；
（2）scroll：无论内容是否走出层大小都添加滚动条；
（3）auto：超出时自动添加滚动条。
（四）兼容问题及高效开发工具
1、兼容性测试工具。
（1）IETester；
（2）Multibrowser。
2、常用的浏览器。
（1）Googlechrome；
（2）Firefox；
（3）Opera。
3、高效的开发工具。
（1）轻量级的
A、Notepad++；
B、SbulimeText；
C、记事本。
（2）重量级的
A、WebStorm；
B、Dreamweaver。
4、网页设计工具。
（1）fireworks；
（2）photoshop。
5、限定IE版本的方法
条件判断格式：!--[if条件版本]那么显示i[endif]--，条件：
（1）不等于：[if!ie8]除了IE8都可以显示；
（2）小于：[ifltie5.5]如果IE浏览器的版本小于5.5的显示；
（3）大于：[ifgtie5]如果IE浏览器的版本大于5的显示；
（4）小于或者等于：[iflteie6]如果IE浏览器版本小于6的显示；
（5）大于或等于：[ifgteie7]如果IE浏览器版本大于7的显示；
（6）大于和小于之间：[if(gtie5)(ltie7)]如果IE浏览器版本大于IE5小于7的显示；
（7）或：[if(ie6)
(ie7)]如果是IE6或者IE7显示；
（8）仅：!--[ifie8]如果是IE8显示。