一、背景色

background-color:#ccc;

background不能繼承，其默認值是transparent（透明的），即在某元素未設置background-color時其默認為透明背景，即這時候如其父元素背景設置了則可見。

二、文本

1、文本縮進：

p {
    text-indent: 2em;
}

一般對於塊級元素都可以應用text-indent，而行內元素無法應用。縮進的單位一般通過em表示元素內容的單位。該屬性可以繼承。

2、水平對齊：

p{text-align:center;}

這裏需要註意的是text-align顧名思義僅是讓元素內部的文本/內容(text)對齊，而非讓該元素本身。

3、字間隔：

p {word-spacing: 2em;}

4、文本裝飾：

p {
    text-decoration:underline;
}

該屬性值包括:none無裝飾、underline下劃線、overline上劃線、line-through刪除線、blink閃爍字。

三、字體

p {
    font-family:sans-serif;
    font-style:italic;
    font-weight:bold;
    font-size:18px;
}

四、鏈接

a:link {color:#FF0000;}
a:visited 
 
{color:#00FF00;}
a:hover {color:#FF00FF;}
a:active {color:#0000FF;}

“lvha”分別對應未被點擊訪問、已被點擊訪問、鼠標指針移動到鏈接上、正在被點擊四種狀態。設置的時候必須註意按照"lvha"的順序。

五、列表

1、修改列表項目的標誌類型:

ul { list-style-type: square;}

2、使用圖像作為列表項目標誌：

ul li {list-style-image: url(x.jpg);}

六、表格

table, th ,td {
    border:1px solid blue
 
;
}
th {
    background-color:green;
}
th, td{
    text-align:center;
    vertical-align:middle;
}

CSS樣式要點筆記