CSS的單位和文字樣式

2021-10-03 05:12:39 字數 1006 閱讀 8362

長度單位:

畫素px:

百分比%:

em:

顏色單位:

background-color : rgb(161, 187, 215);

background-color : rgb(100%, 59%, 50%);

background-color : #abc

以上的分類都是大類,並沒有涉及具體的型別,如果將字型指定為這些格式,瀏覽器會自己選擇指定型別的字型。

一般將字型的大分類指定為font-family中的最後乙個字型(傳說中的備胎之王)。

font-style 設定文字的斜體;

可選值:

font-weight 設定文字的加粗;

可選值:

font-variant 可以用來設定小型大寫字母(將小寫字母變為小一點的大寫字母)

font 可以同時設定字型相關的所有樣式,不同的值用空格隔開;文字大小和字型這兩個屬性必須寫,而且字型必須是最後乙個,大小必須是倒數第二個

line-height 設定行高,通過設定行高和字型大小得到想要的行間距。行間距 = 行高 - 字型大小 。在單行文字中,可以將行高設定為與父元素高度一致,這樣可以使得單行文字在父元素中垂直顯示。

可選值:

text-transform 可以設定文字的大小寫;

可選值:

text-decoration 可以設定文字的修飾

可選值:

letter-spacing可以設定字元的間距,中英文都可以。

word-spacing可以設定單詞之間的距離。

text-align可以設定文字對齊方式

可選值:

text-indent可以用來設定首行縮排,通常用em(字型大小)為單位。如果給它指定乙個負值,則會想做移動指定的畫素;通過這種方式可以將一些不想顯示又不想刪除的文字隱藏起來。

CSS中的字型樣式和文字樣式

在手機端設定大小的時候,一般不使用px css字型顏色三種表達方式 1.具體顏色名稱例 color red 2.數字 0 255,百分比 0 100 例 color rgb 0 100 0 3.十六進製制 開頭,六位,0 f例 color 00880a font weight文字粗細 font we...

CSS3字型樣式和文字樣式

body body body 上面比這種方法相容性更好一些。bodyp span 粗體樣式 box1 color的值有3種設定方式 p每一項的值可以是 0 255 之間的整數,也可以是 0 100 的百分數。p p這種顏色設定方法是現在比較普遍使用的方法.pbody 可以簡寫為 body 1 使用這...

CSS樣式 文字樣式

文字擷取 employorganizalistctrl listtext 文字對齊方式 text align justify 文字超出固定高度 顯示滾動條 overflow scroll 顯示邊框 border 1px dashed ff6b6b 虛線 border top style 1px so...