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...