css 字型樣式

2022-09-19 07:57:10 字數 939 閱讀 9798

css定義字型行間距 line-height:xxpx;

css定義字型間距

下面我們講述一下css的文字屬性,還是先來看一下文字屬性的詳細列表:

屬性屬性含義

屬性值word-spacing

定義了各個單詞之間的間距

normal必須以長度為單位

letter-spacing

定義了每個字母之間的間距

同上text-decoration

定義文字的「裝飾」樣式

none|underline|overline|

line-through|blink

vertical-align

定義了元素在垂直方向

上的位置

baseline|sub|super|top|text-top|middle|bottom|text-bottom

text-transform

使文字轉換為其它形式

capitalize|uppercase|lowercase|none

text-align

定義了文字的對齊方式

left|right|center|justify

text-indent

定義了文字的首行的縮排方式

|line-height

定義了文字的行高

normal|||

我們可以從表中看到在這裡可以定義文字的文字間距、字母間距、裝飾、對齊方式、縮排方式和行高等屬性。

舉個例子來看看吧:

code:

我們看到經過文字屬性處理的文字字與字之間多了間距,行與行之間多了行高,對齊方式變成了兩端對齊,並且段首又多縮排了兩格。

letter-spacing設定了字間距為5px,其中5px為乙個長度單位;text-align設定了對齊方式為兩端對齊;indent設定了縮排格為4em;line-height設定了行高為17pt

css字型樣式

注 以下的字型樣式只可在ie中使用。刪除線刪除線 加上背景色 加上背景色 左右翻轉效果 左右翻轉效果 上下翻轉效果 上下翻轉效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發光文字效果 發...

css 字型樣式

通常使用絕對大小定義文件的基準字型大小,然後使用相對大小定義其它文字 如 定義文件預設字型大小為12培訓,位150 則呈現12px大小,呈現為18px的大小 常用技巧 中文網頁的字型大小設定,通常使用偶書字型大小,以避免文字邊緣出現毛邊,如14px或22px 在pc端設定字型大小最小值為12px,在...

CSS字型樣式

字型 font family 文字大小 font size 文字顏色 color 文字粗細 font weight 文字樣式 font style 定義元素內文字以什麼字型來顯示 語法 font family 字型1,字型2,說明 含空格字型名和中文,用英文引號括起 多個字型,用英文逗號隔開 引號巢...