HTML和CSS的那些事兒2-CSS

上一篇文章扯了寫html的東東，現在接著看css，

1，html和css徹底分離

任何時候避免在標籤上直接使用style屬性；將<style>標籤內的內容移到外部css檔案中；

2，選擇符、屬性和值

選擇符{屬性:值}

font-size屬性賦值的單位中，最佳的是em或者%,因為具有縮放性

3，font-family字型族

多種字型需用半形英文逗號“,”分隔，瀏覽器會逐遍尋找羅列的字型直到找到電腦上安裝有的字型為止。如果一個字型名稱超過1個單詞，需用雙引號，如font-family: "Times New Roman"。

4，font-size尺寸

段落字型控制可以用font-size屬性；至於標題，乖乖用標題標籤如h1~h6

5，font-weight加粗

font-weight屬性常用的值就bold和normal。其他的值瀏覽器安全色不好。

6，text-decoration字型裝飾

是否劃線裝飾字型。overline-上劃線；underline-底線；line-through-中劃線；none-無。

7，text-transform字型轉換

capitalize-首字母大寫；uppercase-大寫；lowercase-小寫；none-…

8，文本間距

字母間距letter-spacing;單詞間距word-spacing;line-height段落行高；

水平對齊text-align;文本縮排text-indent

9，外邊距margin和內邊距padding，以及盒狀模型

也即邊界(margin)和填充補白（padding）

Margin box（邊界盒）Border box（邊框盒）Padding box（補白盒）Element box（元素盒）

10，邊框

border;border-style;border-width;border-color;…

11，字型便捷屬性font

font:font-style, font-variant, font-weight, font-size/line-height, font-family.

一定要注意屬性值的順序，

例如：p {font: italic small-caps bold 14px/15px Arial, Helvetica, sans-serif;}

如果一些屬性值置空，剩餘的屬性值也需保持順序，

例如：p {font: bold 14px Arial, sans-serif;}