1、如果值爲若干單詞，則要給值加引號：p{color:"red aa"}
2、是否包含空格不會影響 CSS 在瀏覽器的工作效果，同樣，與 XHTML 不同，CSS 對大小寫不敏感。不過存在一個例外：如果涉及到與 HTML 文檔一起工作的話，class 和 id 名稱對大小寫是敏感的。
3、你可以對選擇器進行分組，這樣，被分組的選擇器就可以分享相同的聲明。用逗號將需要分組的選擇器分開。在下面的例子中，我們對所有的標題元素進行了分組。所有的標題元素都是綠色的。
h1,h2,h3,h4,h5,h6 {
color: green;
}4、對帶有指不要在屬性值與單位之間留有空格。假如你使用 “margin-left: 20 px” 而不是 “margin-left: 20px” ，它僅在 IE 6 中有效，但是在 Mozilla/Firefox 或 Netscape 中卻無法正常工作定屬性的 HTML 元素設置樣式。
可以爲擁有指定屬性的 HTML 元素設置樣式，而不僅限於 class 和 id 屬性。
| 選擇器 | 描述 |
|---|---|
| [attribute] | 用於選取帶有指定屬性的元素。 |
| [attribute=value] | 用於選取帶有指定屬性和值的元素。 |
| [attribute~=value] | 用於選取屬性值中包含指定詞彙的元素。 |
| [attribute|=value] | 用於選取帶有以指定值開頭的屬性值的元素，該值必須是整個單詞。 |
| [attribute^=value] | 匹配屬性值以指定值開頭的每個元素。 |
| [attribute$=value] | 匹配屬性值以指定值結尾的每個元素。 |
| [attribute*=value] | 匹配屬性值中包含指定值的每個元素。 |
5、多重樣式
如果某些屬性在不同的樣式表中被同樣的選擇器定義，那麼屬性值將從更具體的樣式表中被繼承過來。
例如，外部樣式表擁有針對 h3 選擇器的三個屬性：
h3 {
color: red;
text-align: left;
font-size: 8pt;
}
而內部樣式表擁有針對 h3 選擇器的兩個屬性：
h3 {
text-align: right;
font-size: 20pt;
}
假如擁有內部樣式表的這個頁面同時與外部樣式錶鏈接，那麼 h3 得到的樣式是：
color:red; text-align:right; font-size:20pt;
即顏色屬性將被繼承於外部樣式表，而文字排列（text-alignment）和字體尺寸（font-size）會被內部樣式表中的規則取代。
6、background-color 不能繼承，其默認值是 transparent。transparent 有“透明”之意。也就是說，如果一個元素沒有指定背景色，那麼背景就是透明的，這樣其祖先元素的背景才能可見。
7、要把圖像放入背景，需要使用 background-image 屬性。background-image 屬性的默認值是 none，表示背景上沒有放置任何圖像。
如果需要設置一個背景圖像，必須爲這個屬性設置一個 URL 值：
body {background-image: url(/i/eg_bg_04.gif);}
另外還要補充一點，background-image 也不能繼承。事實上，所有背景屬性都不能繼承。
如果需要在頁面上對背景圖像進行平鋪，可以使用 background-repeat 屬性。
屬性值 repeat 導致圖像在水平垂直方向上都平鋪，就像以往背景圖像的通常做法一樣。repeat-x 和 repeat-y 分別導致圖像只在水平或垂直方向上重複，no-repeat 則不允許圖像在任何方向上平鋪。
默認地，背景圖像將從一個元素的左上角開始。
如果文檔比較長，那麼當文檔向下滾動時，背景圖像也會隨之滾動。當文檔滾動到超過圖像的位置時，圖像就會消失。
您可以通過 background-attachment 屬性防止這種滾動。通過這個屬性，可以聲明圖像相對於可視區是固定的（fixed），因此不會受到滾動的影響：
8、CSS 提供了 text-indent 屬性，該屬性可以方便地實現文本縮進。text-indent 屬性可以繼承
9、text-align 是一個基本的屬性，它會影響一個元素中的文本行互相之間的對齊方式。它的前 3 個值相當直接，不過第 4 個和第 5 個則略有些複雜。
值 left、right 和 center 會導致元素中的文本分別左對齊、右對齊和居中
10、word-spacing 屬性可以改變字（單詞）之間的標準間隔。其默認值 normal 與設置值爲 0 是一樣的。
11、letter-spacing 屬性與 word-spacing 的區別在於，字母間隔修改的是字符或字母之間的間隔。
12、text-transform 屬性處理文本的大小寫
13、
a:link {color:#FF0000;} /* 未被訪問的鏈接 */
a:visited {color:#00FF00;} /* 已被訪問的鏈接 */
a:hover {color:#FF00FF;} /* 鼠標指針移動到鏈接上 */
a:active {color:#0000FF;}
14、
如需在 CSS 中設置表格邊框，請使用 border 屬性。
下面的例子爲 table、th 以及 td 設置了藍色邊框：
table, th, td
{
border: 1px solid blue;
}
請注意，上例中的表格具有雙線條邊框。這是由於 table、th 以及 td 元素都有獨立的邊框。
如果需要把表格顯示爲單線條邊框，請使用 border-collapse 屬性。
15、border-collapse 屬性設置是否將表格邊框摺疊爲單一邊框：
table
{
border-collapse:collapse;
}
table,th, td
{
border: 1px solid black;
}
16、通過 width 和 height 屬性定義表格的寬度和高度。text-align 和 vertical-align 屬性設置表格中文本的對齊方式。
17、th定義表頭
18、在 CSS 中，width 和 height 指的是內容區域的寬度和高度。增加內邊距、邊框和外邊距不會影響內容區域的尺寸，但是會增加元素框的總尺寸。
假設框的每個邊上有 10 個像素的外邊距和 5 個像素的內邊距。如果希望這個元素框達到 100 個像素，就需要將內容的寬度設置爲 70 像素，請看下圖：
#box {
width: 70px;
margin: 10px;
padding: 5px;
}
19
