css text(文字)屬性可定義文字的外觀,比如文字的顏色、對齊文字、裝飾文字、文字縮排、行間距等。
文字顏色:
color 屬性用於定義文字的顏色,可使用顏色名稱,十六進製制值,rgb**來定義顏色,示例:
>
bodyh1p
style
>
text-align 屬性用於設定元素內文字內容的水平對齊方式。
>
h1h2
h3style
>
總結:值
描述left
左對齊。預設值:由瀏覽器決定。
right
右對齊。
center
居中。justify
實現兩端對齊文字效果。
裝飾文字:
text-decoration 屬性規定新增到文字的修飾。可以給文字新增下劃線、刪除線、上劃線等。
>
h1h2
h3h4
h4style
>
總結:值
描述none
預設。定義標準的文字。沒有裝飾線。
underline
下劃線,鏈結a自帶下劃線。
overline
上劃線。
line-through
刪除線。
文字縮排:
text-indent 屬性用來指定文字的第一行的縮排,通常是將段落的首行縮排。
>
pstyle
>
總結:值
描述length
定義固定的縮排。預設值:0。
%定義基於父元素寬度的百分比的縮排。
inherit
規定應該從父元素繼承 text-indent 屬性的值。
除了px單位外,你還可以寫成em:
>
pstyle
>
行間距:
line-height 屬性用於設定行間的距離(行高)。可以控制文字行與行之間的距離
>
p.small
p.big
style
>
總結:值
描述normal
預設。設定合理的行間距。
number
設定數字,此數字會與當前的字型尺寸相乘來設定行間距。
length
設定固定的行間距。
%基於當前字型尺寸的百分比行間距。
屬性總結與擴充套件:
屬性描述
color
設定文字的顏色。
direction
規定文字的方向 / 書寫方向。
letter-spacing
設定字元間距。
line-height
設定行高。
text-align
規定文字的水平對齊方式。
text-decoration
規定新增到文字的裝飾效果。
text-indent
規定文字塊首行的縮排。
text-shadow
規定新增到文字的陰影效果。
text-transform
控制文字的大小寫。
unicode-bidi
設定文字方向。
white-space
規定如何處理元素中的空白。
word-spacing
設定單詞間距。
hanging-punctuation
規定標點字元是否位於線框之外。
punctuation-trim
規定是否對標點字元進行修剪。
text-align-last
設定如何對齊最後一行或緊挨著強制換行符之前的行。
text-emphasis
向元素的文字應用重點標記以及重點標記的前景色。
text-justify
規定當 text-align 設定為 「justify」 時所使用的對齊方法。
text-outline
規定文字的輪廓。
text-overflow
規定當文字溢位包含元素時發生的事情。
text-shadow
向文字新增陰影。
text-wrap
規定文字的換行規則。
word-break
規定非中日韓文字的換行規則。
word-wrap
允許對長的不可分割的單詞進行分割並換行到下一行。
CSS之文字屬性
今天我們來學習一下css中的一些文字屬性 1.規定文字樣式的屬性 格式 font style 取值 normal 正常 italic 傾斜 2.規定文字粗細的屬性 格式 font weight 取值 單詞的取值 bold 加粗 bolder 比加粗更粗 數字的取值 100 900之間的整百數 使用的...
學習css之文字屬性
css3之文字屬性 1 縮排和水平對齊 text indent,通過使用 text indent 屬性,所有元素的第一行都可以縮排乙個給定的長度,甚至該長度可以是負值。這個屬性最常見的用途是將段落的首行縮排,下面的規則會使所有段落的首行縮排6 em p text indent 屬性可以繼承.2 水平...
CSS文字屬性
一 可以被繼承的屬性 font size font family font weight font style line height color text align text indent 二 文字大小 屬性值為數值型,必須給屬性值加單位,屬性值為0時除外。單位可以是pt px em 9pt 1...