CSS 文字屬性

2021-09-25 16:11:29 字數 1296 閱讀 6147

元素的第一行縮排乙個指定長度。

縮排可以使用所有的長度單位,當使用百分數時,是表示對於其父元素的寬度進行縮排。

p

divdiv p

關鍵字:left center right justify inherit

行高和字型大小的差值就是行間距

關鍵字:normal(表示font-size的1.2倍) inherit

用相對長度表示行高時,其計算值是取父元素font-size然後乘以相對值。

div

div p /* 行高為20*5=100px */

使用縮放因子處理行高

使用縮放因子處理行高時,在父元素設定縮放因子,子元素設定font-size。行高值是子元素的font-size乘以父元素的縮放因子。

縮放因子是阿拉伯數字,沒有單位。

div

div p

關鍵字:baseline | sub | super | bottom | top | text-top | text-bottom | middle | inherit 

baseline要求元素的基線與其父元素基線對齊。

sub使其基線相對父元素基線降低,使元素變為下標。super與sub相反。

bottom使元素內框的低端與行框的低端對齊。top與bottom相反。

middle會把行內元素框框的中點和其父元素的基線上方0.5ex處的店對齊。

百分數:百分數會把元素的基線相對於其父元素的基線公升高和降低指定的量。

具體數值:如5px或-5px,表示把指定的元素與對齊前公升高(+)或降低(-)5px。

word-spacing用於修改字間的間隔。字是不包含空白符的字串,多個字由空白符隔開。

p
p
關鍵字:uppercase 轉換為大寫  lowercase 轉換為小寫  capitalize 每個單詞首字母大寫

p;
關鍵字:underline下劃線  overline上劃線  line-through貫穿現 

p;
關鍵字:預設normal:將所有空白符合併為乙個,忽略元素的換行。

pre:保留空白符,保留換行,不允許自動換行。 nowrap:合併空白符,忽略換行,不允許自動換行。 

pre-wrap:保留空白符,保留換行,允許自動換行。  pre-line:合併空白符,保留換行,允許自動換行。

關鍵字:ltr rtl

CSS文字屬性

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

CSS 文字屬性

1 縮排文字 text indent 3em 段落首行縮排給定長度 只應用於塊級元素,無法將這個屬性應用與行內元素。影象之類的替換元素上也無法應用text indent屬性。可以繼承 如果要設定成負值,為了防止超出邊界,建議的寫法如下 p2 水平對齊 text align left center r...

css 文字屬性

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