1. 程式人生 > >css中文字(text)和字型(font)屬性

css中文字(text)和字型(font)屬性

文字屬性

1、text-decoration屬性表示文字的修飾

none:取消裝飾
underline :下劃線,與標籤效果相同
overline :上劃線
line-through :貫穿線(刪除線),與標籤效果相同
blink :閃爍(因相容性問題很少使用)

2、text-align屬性表示文字的對齊方式

left: 內容左對齊。
center: 內容居中對齊。
right: 內容右對齊。
justify: 內容兩端對齊。
start: 內容對齊開始邊界。(CSS3)
end: 內容對齊結束邊界。(CSS3)

3、text-transform屬性表示文字轉換

none: 無轉換
capitalize: 將每個單詞的第一個字母轉換成大寫
uppercase: 將每個單詞轉換成大寫
lowercase: 將每個單詞轉換成小寫

4、text-indent屬性表示文字縮排

       text-indent:2em     //首行縮排兩個字元

5、letter-spacing屬性表示字間距,多用於中文

6、word-spacing屬性表示詞間距,多用於英文

字型屬性

1、font-size屬性指定文字字型尺寸

網頁字型最小可以設定為12px

2、font-style屬性指定文字字型樣式

normal: 正常的字型
italic: 斜體
oblique: 傾斜的字型。人為的使文字傾斜,而不是去選取字型中的斜體字

3、font-weight屬性指定文字字型的粗細

normal: 正常的字型。相當於number為400
bold: 粗體。相當於number為700。
bolder: 特粗體。也相當於strong和b物件的作用
lighter: 細體
具體數值: 用數字表示文字字型粗細。取值範圍:100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900

4、font-family屬性指定文字使用某個字型或字型序列

文字格式化標籤樣式


w文字格式化標籤樣式