css的屬性

lm_y發表於2017-08-18

HTML標籤(tag)CSS就有選擇符(selector)。選擇符就是賦予內部或者外部樣式表的名字。在 CSS初級指南中,我們致力於HTML選擇符,即是HTML的標籤,用來改變一個指定標籤的樣式。

每個選擇符都有屬性(properties)在大括號{}中,裡面包括諸如colorfont-weighth或者 background-color形式的字樣。

值(value)在半形英文引號:後面,用半形英文分號;隔離。

body { font-size: 0.8em; color: navy; } 

如上,這給body選擇符裡的font-size和color屬性賦值。

基本上,這應用在HTML文件的話,在body標籤之間(整個視窗的內容)文字將會有0.8em大小,顯示為深藍色。

長度和百分比

CSS中有很多專有的屬性單位,也有很多能夠用在大量屬性的常規單位,在你繼續學習之前,它們值得你熟悉一下。

em(比如font-size: 2em)是一個大致與一個字元高度相同的單位。

pxfont-size: 12px)是一個畫素的單位。

ptfont-size: 12pt)是一個磅的單位。

%font-size: 80%)是一個……單位,等等,哦,是百分比。

其他單位還包括pc(活字),cm(釐米),mm(毫米)和in(英寸)。

一個值是0的時候你不必為它宣告一個單位。比如,你不想要邊界,可以這樣設定:border: 0

注意

網頁不是靜態、絕對的媒體。這意味著,網頁具有靈活性,使用者被允許按他們的喜好方式瀏覽網頁,包括字型尺寸和螢幕的大小等等。

因此,為font-size屬性賦值的單位中,最佳的是em或者%,而px在多數瀏覽器中會導致文字具有不可縮放性,也會導致貧乏、乏味的文字。

相關文章