CSS 文字屬性

2021-08-15 02:18:52 字數 1570 閱讀 5716

1 縮排文字

text-indent:3em// 段落首行縮排給定長度

- 只應用於塊級元素,無法將這個屬性應用與行內元素。影象之類的替換元素上也無法應用text-indent屬性。

- 可以繼承

-如果要設定成負值,為了防止超出邊界,建議的寫法如下:

p2 水平對齊

text-align: left/center/right/justify/inherit

- 只應用於塊級元素

- 可以繼承

- justify:在兩端對齊的文字中,文字行的左右兩端都放在父元素的內邊界上,然後調整單詞和字母間的間隔,使各行的長度恰好相等。

3 垂直對齊

line-height:指文字基線之間的距離,而不是字型之間的大小。line-height 控制了行間距,即line-height值和字型大小之差就是行間距。

應用於所有元素。但是在應用到塊級元素時,line-height定義了元素中文字基線之間的最小距離。注意,它定義的是最小距離,而不是絕對值。文字基線拉開的距離可能比line-height值更大。line-height並不影響替換元素的布局。

4 垂直對齊文字

vertical-align:baseline/sub/super/top/text-top/middle/bottom/text-bottom/..

vertical-align:只應用與行內元素和表單元素。如影象和表單輸出元素。

vertical-align不能繼承

5 字間隔和字母間隔

word-spacing:用於修改字間間隔

letter-spacing:用於修改字母間隔

二者都可以繼承。

6 文字轉換

text-transform:uppercase/lowercase/capitalize/none/inherit

7 文字裝飾

text-decoration:none/underline/overline/line-through/blink

如果有多個值,則其會替換而不會累積起來。

這個屬性不能繼承!!

text-shadow:green 5px 0.5em;

前兩個長度值確定了陰影與文字的偏移距離,第三個長度值可選,定義了陰影的「模糊半徑「。負長度值會使陰影落在原文本的左上方。

這個屬性也不能繼承

8 處理空白符

white-space:normal/nowrap/pre/pre-wrap/pre-line/…

不可以繼承

normal:丟掉多餘的空白格,給定這個值,換行字元會轉換成空格,一行中多個空格的序列也會轉換為乙個空格。

nowrap:防止元素中的文字換行。

pre:保留空白符

9 文字方向:

direction:

10 列表與生成內容

list-style-type:disc/circle/square/decimal/…

也可以通過list-style-image:url(),對標誌使用指定影象。

list-style-position:outside/inside

CSS文字屬性

一 可以被繼承的屬性 font size font family font weight font style line height color text align text indent 二 文字大小 屬性值為數值型,必須給屬性值加單位,屬性值為0時除外。單位可以是pt px em 9pt 1...

css 文字屬性

字型顏色color 字元間距letter spacing 文字背景色background color 行間距line height 90 10px,0.3 對齊文字text align 文字修飾text decoration 取值 overline line through underline bl...

CSS 文字屬性

元素的第一行縮排乙個指定長度。縮排可以使用所有的長度單位,當使用百分數時,是表示對於其父元素的寬度進行縮排。p divdiv p關鍵字 left center right justify inherit 行高和字型大小的差值就是行間距 關鍵字 normal 表示font size的1.2倍 inhe...