CSS語法手冊(二)文字屬性

2021-04-01 09:38:22 字數 1920 閱讀 4185

css語法手冊(二)文字屬性

**:動態網製作指南 .knowsky.***

1、letter-spacing

功能:控制文字元素字母間的間距,所設定的距離適用於整個元素。

數值:normal - 正常間距,將字元間的間距復位為所有字型和字型大小的正常間距。

長度 - 設定字間距長度,正值表示加進父元素中繼承的正常長度,負值則減去正常長度。在數字後指定度量單位如下:mm, cm, in, pt(點數), px(象素), pc(pica), ex(小寫字母x的高度), em(大寫字母m的寬度)。

例子:2、line-height

功能:設定元素中文字的行間距。

數值:normal - 正常高度,通常為字型尺寸的 1-1.2倍,這是預設設定。

數字 - 設定元素中毎行文字的距離為字型尺寸乘以這個數字。例如字型尺寸為10點,設定line-height為2,則間距20點。

長度 - 用標準度量單位設定間距,有些是絕對的,有些是相對的,詳見letter-spacing中的說明。

百分比 - 也字型尺寸的百分比設定間距。

例子: 這是第一行。

這是第二行。

這是第三行。

3、text-align

功能:在元素框中水平對齊文字。

數值:left - 左對齊

right - 右對齊

center - 居中

justify - 均勻分布, 生成等長的行

例子:4、text-decoration

功能:文字修飾,用於控制文字元素所用的效果,特別適用於引人注意的說明,警告等文字效果。

數值:none - 無文字修飾,預設設定。

underline - 下劃線。

overline - 上劃線。

line-through - 刪除線。

blink - 閃爍。

同一語句中可以組合多個關鍵字。

例子:underline

overline

5、text-indent

功能:文字縮排,用於段落的第一行縮排上。

數值:長度 - 設定首行縮排的尺寸為指定度量單位,有些單位是相對的,有些則是絕對的,祥見 letter-spacing 屬性的說明部分。

百分比 - 以行長的百分比設定首行縮排量。

例子:文字縮排,用於段落的第一行縮排上。

6、text-transform

功能:設定乙個或幾個元素的大寫標準。

數值:none - 不改變文字的大寫小寫。

capitalize - 元素中毎個單詞的第乙個字母用大寫。

uppercase - 將所有文字設定為大寫。

lowercase - 將所有文字設定為小寫。

例子:a text-transform example.

a text-transform example.

a text-transform example.

7、vertical-align

功能:垂直對齊。

數值:baseline - 對準兩個元素的小寫字母基準線。

sub - 下標。

super - 上標。

top - 頂部對齊。

text-top - 文字頂對齊。

middle - 中線對齊。

bottom - 底線對齊。

text-bottom - 字母底線對齊。

百分比 - 將線上元素基準線在父元素基準線基礎上公升降一定的百分比,和元素的 line-height 屬性組合使用。

例子:a1x2

8、word-spacing

功能:控制文字中元素單詞間的間距。設定的間距適用於整個元素,不能在某個單詞間插入更大或更小的間距。

數值:normal - 正常間距。

長度 - 如果長度為正,則加進從父元素繼承的正常長度,如果是負值,則減去。

例子:

CSS語法手冊(二)文字屬性

1 letter spacing 功能 控制文字元素字母間的間距,所設定的距離適用於整個元素。數值 normal 正常間距,將字元間的間距復位為所有字型和字型大小的正常間距。長度 設定字間距長度,正值表示加進父元素中繼承的正常長度,負值則減去正常長度。在數字後指定度量單位如下 mm,cm,in,pt...

CSS學習4(文字屬性)

text align left center right justify inherit 用於塊級元素 justify是兩端對齊文字,它將使文字行的兩端都放在父元素的邊界上,調整字元間距,使每行一樣長。這個只會控制塊級元素中的行內元素,要將塊級元素或表元素居中,要通過在這些元素上適當地設定左 右外邊...

css3文字屬性

text shadow 用來是文字產生陰影!text shadow x y blur color text stroke 用來給文字加邊框的!text stroke size color text overflow 用來處理文字溢位的。text overflow ellipsis或者clip 其中e...