在CSS中,我們可以使用以下屬性來控制字體的樣式:
font-family: 字體類型; font-size: 字號大小; font-weight: 字重或粗細程度; font-style: 字體風格; text-decoration: 文本裝飾; text-transform: 文本變形; letter-spacing: 字符間距; line-height: 行高; text-shadow: 文字陰影;
font-family:它規定用于文本的字體系列。其值由字體名稱和/或其類型組成,以逗號隔開。字體系列可以是“宋體”,“微軟雅黑”,“Arial”,“Verdana”等。在字體名稱不能用時,可以使用序號表示的“Sans-Serif”,“Serif”和“Monospace”。
font-size:它用于設置字體大小。您可以使用絕對長度(如像素、厘米等)或相對長度(如百分比、相對瀏覽器默認大小的相對大小)來指定字號大小。
font-weight:它用于規定字體的粗細程度。可以設置為normal、bold、bolder、lighter 或100 – 900。在CSS2中,100等價于normal,400等價于normal,700等價于bold。
font-style:用于規定字體的風格,可以設置為normal或italic或oblique。默認值為normal。
text-decoration:該屬性用于指定元素中文本的裝飾。可以設置為none、underline、overline、line-through、blink。
text-transform:該屬性用于控制元素中文本的大小寫。可以設置為none、capitalize、uppercase、lowercase、full-width。
letter-spacing:它用于設置字符或字之間的距離。可以設置為長度或normal。
line-height:它用于設置行高。可以使用絕對長度或相對長度。在CSS中,行高默認是基于字體大小計算的,一般為1.2左右。
text-shadow:它用于設置文本陰影。可以設置陰影的顏色、水平與垂直位置、模糊半徑等。mouseover時,文本陰影也會隨著鼠標位置變化而動態改變。