1. 程式人生 > >css外觀屬性和字型樣式屬性

css外觀屬性和字型樣式屬性

外觀屬性

1.color:文字顏色,屬性值三種寫法1.直接寫顏色值,red,blue,green.2.顏色的十六進位制值#FF00000(推薦寫法)3.RGB程式碼,比如紅色rgb(255,0,0)
2.line-height:行間距,也就是行與行之間的距離。行間距的單位用畫素px 
3.text-align:水平方向的對齊方式,1.left:左對齊(預設值)2.right:(右對齊)3.center:居中對齊 
4. text-ident:用於設定首行的文字縮排,單位一般是em,1em就是一個漢字的寬度 

字型樣式屬性

font-size:字型大小,單位畫素px 
font-family:改變字型,比如宋體,楷體。

font-weight:字型粗細1.bold(700):粗體 ,2.lighter:細體 ,3.bolder:特粗4.normal(400):正常字型。5.自定義數字 
 font-style:字型風格1.normal:正常字型2.italic:斜體 
 text-decoration:文字裝飾器,1.none:無裝飾2.underline:下劃線3.line-through:貫穿線(刪除線)4.overline:上劃線  
 font:綜合設定字型樣式,必須遵循以下順序:font-style,font-weight,font-size,font-family,其中不需要設定的屬性可以省略(設定預設值)。font-size,font-family這兩個屬性不能省略,否則樣式不生效