CSS的定義是由三個部分構成:
選擇符(selector)，屬性(properties)和屬性的取值(value)。
語法: selector {property: value} (選擇符 {屬性:值})
選擇符組,用逗號分割,減少重複定義
h1, h2, h3, h4, h5, h6 { color: green }
1）：.類選擇符：相同的元素分類定義不同的樣式
p.right {text-align: right}
2）：#ID選擇符。應用和類選擇符類似，只要把CLASS換成ID即可
#menu
{
font-size:110%;
font-weight:bold;
color:#0000ff;
background-color:transparent
}
注意:ID選擇符侷限性很大，只能單獨定義某個元素的樣式，一般只在特殊情況下使用。
3）：包含選擇符
可以單獨對某種元素包含關係定義的樣式表，元素1裏包含元素2，這種方式只對在元素1裏的元素2定義，對單獨的元素1或元素2無定義，例如:
table a
{
font-size: 12px
}
在表格內的鏈接改變了樣式，文字大小爲12像素，而表格外的鏈接的文字仍爲默認大小。
註釋:/* ... */
a:link {color: #FF0000} /* 未訪問鏈接 */
a:visited {color: #00FF00} /* 已訪問鏈接 */
a:hover {color: #FF00FF} /* 光標在鏈接上 */
a:active {color: #0000FF} /* 已選中鏈接 */
a:focus {color: #00FF00} /* 獲得焦點的鏈接 */
除 CSS2 引入的 :focus 不被 IE 支持外，其餘的四種僞類在 IE、Firefox 等瀏覽器中都是支持的。
使用的時候需要注意它們的順序：a:hover 必須寫在 a:link 和 a:visited 之後纔有效。類似地，a:active 必須寫在 a:hover 之後纔有效！
另外，:hover、:active、:focus 這三個僞類還可用於其它元素，譬如 li、input、textarea 等。
padding用在容器內部，margin指容器外部
比如：
padding-top:10px;是指容器內的內容距離容器的頂部有10個像素，是包含在容器內的；
margin-top:10px;是指容器本身的頂部距離其他容器有10個像素，不飽含在容器內。