CSS系列之文字屬性

2021-10-12 01:29:07 字數 2525 閱讀 9952

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