天天看點

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屬性指定文本使用某個字型或字型序列

文本格式化标簽樣式

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

繼續閱讀