列表
list-style
可以设置的属性（按顺序）： list-style-type, list-style-position, list-style-image
盒子模型
盒子模型
- Margin(外边距) - 清除边框外的区域，外边距是透明的。
- Border(边框) - 围绕在内边距和内容外的边框。
- Padding(内边距) - 清除内容周围的区域，内边距是透明的。
- Content(内容) - 盒子的内容，显示文本和图像
浏览器兼容问题
- 根据 W3C 的规范，元素内容占据的空间是由 width 属性设置的，而内容周围的 padding 和 border 值是另外计算的。
- IE5.X 和 6 浏览器的 width 属性是内容、内边距和边框的宽度的总和。
- 解决：不要给元素添加具有指定宽度的padding，而是尝试将padding或margin添加到元素的父元素和子元素。
IE8 及更早IE版本不支持设置填充的宽度和边框的宽度属性。解决IE8及更早版本不兼容问题可以在HTML页面声明 <!DOCTYPE html>即可。
border边框
p{ border:5px solid red;}
border-style：属性1，属性2，属性3，属性4
上->右->下->左
border-style：属性1，属性2，属性3
上->左右->下
border-style：属性1，属性2
上下->左右
border-style：属性1
上下左右属性相同
outline（轮廓）
是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。
属性分别是（按顺序）：outline-color, outline-style, outline-width
margin定义元素周围的空间
div{ margin:100px 50px;}
padding
p
{
padding-top:25px;
padding-bottom:25px;
padding-right:50px;
padding-left:50px;
}
