字型
文字顏色
color: #000;
文字大小
font-size: 8pt;
文字字體
font-family: “arial”, dotum;
文字斜體
font-style: italic;
小字體
font-variant: small-caps;
字間距離
letter-spacing: 1pt;
行高
line-height: 15px; (亦可為百分比)
文字粗體
font-weight: bold;
加底線
text-decoration: underline;
加刪除線
text-decoration: line-through;
加頂線
text-decoration: overline;
刪除連線底線
text-decoration: none;
首字大寫
text-transform: capitalize;
英文大寫
text-transform: uppercase;
英文小寫
text-transform: lowercase;
文字靠左
text-align: left;
文字靠中
text-align: center;
文字靠右
text-align: right;
文字分散對齊
text-align: justify;
背景
背景顏色
background: #e9e9e9;
背景圖片不重複
background: url(圖片位址) no-repeat;
背景重複
background: url(圖片位址) repeat;
背景Y軸重複
background: url(圖片位址) repeat-y;
背景X軸重複
background: url(圖片位址) repeat-x;
背景浮水印固定
background: url(圖片位址) fixed;
背景置中
background-position: center;
背景靠左
background-position: left;
背景靠右
background-position: right;
背景靠上
background-position: top;
背景靠下
background-position: bottom;
簡易寫法
background: url(位址) no-repeat top center fixed #fff;
●備註：位址請記得不是複製上方的網址，而是在圖片上方按右鍵內容裡的那個網址！
框線
全框線
border: 1px solid #000;
上框線
border-top: 1px solid #000;
下框線
border-bottom: 1px solid #000;
右框線
border-right: 1px solid #000;
左框線
border-left: 1px solid #000;
框線種類
solid 直線
dotted 點線
dashed 虛線
double 雙線
groove 立體內凸
下面这个CSS样式的表格，个人感觉颜色起到了很大的作用。如果不是两种颜色的对比效果好，可能也就是一般的表格：
先来看HTML：
<table width="590" cellspacing="1">
<caption>
text
</caption>
<thead>
<tr>
<th class="line1" scope="col">text< ......
!important语法针对的是“后面的属性覆盖前面的属性”这一语法，也就是说标识了!important的属性，是不被后面的相同属性所覆盖的，而IE6不认识这个，导致其他浏览器很容易根据这点“欺负”IE6：
div{
text-decoration:overline;
*text-decoration:line-through!important;
� ......
竞争规则：css允许多次将同一个规则赋予某个元素。层叠排序根据规则中使用的选择符将规则划分6组，高优先级组里的规则会覆盖低优先级组里的规则。普通的选择符会设置文档的总体样式，更具体的选择符会覆盖普通选择符，以为其提供更加特殊的样式
6个选择符群组：
1. 使用!important规 ......
