背景：CSS 允许应用纯色作为背景，也允许使用背景图像创建相当复杂的效果。
背景色：
重复模式：background-repeat:repeat（全重复，默认），repeat-x（水平），repeat-y（垂直）,no-repeat(不重复)
背景定位：background-position:center 0 /*x:居中 y:0*/
综合写法：background: url(img/sp141001.jpg) center 0 no-repeat
文本：文本颜色、字符间距，对齐文本，装饰文本，对文本进行缩进
缩进 ：text-indent: 2em; /*1em等于当前文本一个字符的像素大小*/
水平对齐 ：text-align: center
文本装饰 ：text-decoration:underline(下划线) overline(上划线) none
字体：定义文本的字体系列、大小、加粗、风格和变形。
font-family: ‘楷体‘
font-style: italic /*斜体*/
font-variant:small-caps; /*英文字母变形*/
font-weight: 900 ;（bold）加粗
font-size: 25px; 字体大小
链接：以不同的方法为链接设置样式。
a:link{}
a:visited{}
a:hover{}
a:active{}
a{text-decoration: none;}
a:hover{text-decoration: underline;color: red;}
列表
ul{
list-style: none;
list-style-type: square;
list-style-image: url(img/nav_sprite_v24.png);
list-style: url(img/li.png) inside;
}
表格
table,th,tr,td{border:#00f 1px solid }
table{border-spacing: 0;border-collapse: collapse;}
td{
width:50px;
height:30px;
padding: 2px;
vertical-align:bottom;
text-align: center
}
轮廓: 绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。
{outline-style: dashed}
-----------------------------------------------------------------------------------------
CSS框模型
CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框 和 外边距 的方式。
-----------------------------------------------------------------------------------------
padding、margin
padding
属性定义元素边框与元素内容之间的空白区域。
-属性接受长度值或百分比值，但不允许使用负值。
-h1{padding: 10px;} 让h1元素各边都有10px的内边距。
-h1{padding-top: 20px;} 让h1元素距离上边框为10px。
-h1{padding: 10px 0.25em 2ex 20%;} 上-右-下-左
2个值：上下 左右
3个值：上 左右 下
margin
属性定义围绕在元素边框的空白区域 (外边距)。
-属性接受任意长度值、百分比值甚至使用负值。
-百分数是相对于父元素 width计算的。
-margin 还可以指定为auto，值被设置为相对边的值。
-margin 的默认值是 0，所以如果没有为 margin 声明一个值，就不
会出现外边距。但在实际中，浏览器对许多元素已经提供了预定的样
式，比如外边距会在每个段落元素的上面和下面生成“空行”。
margin 属性接受任何长度单位，可以是像素px、英寸in、毫米mm或 em。
-----------------------------------------------------------------------------------------
边框
元素的边框是围绕元素内容和内边距的一条或多条线。
每个边框有 3 个方面：宽度、样式，以及颜色。
tr{border: 1px solid #333;}
