CSS 中文字的屬性,非常全面的總結!

2021-10-24 02:28:44 字數 1824 閱讀 8577

color:#ff0000; 表示文字的顏色是紅色。

font-size:9px; 表示文字的大小是9畫素。

font-style:italic;表示文字為斜體的樣式。

font-style 的屬性值有:normal 表示正常的字型,也是預設值。oblique 表示傾斜的文字。 italic 表示斜體字。一般情況這兩種都表示斜體,且從外表看無差距。注意不是所有的字都有斜體字,如果用 italic 沒有效果的話,就用oblique 來表示斜體。

font-family: "microsoft yahei"; 表示設定字型為雅黑。可以設定你喜歡的字型,例如宋體,楷體等。

font-weight: bold; 表示字型加粗。

normal : 標準,無改變,預設值; bold : 加粗字型; bolder : 更粗的字型 ;lighter : 更細的字型。也可以設定100~900的整百數,粗到細的順序。400 等同於 normal,而 700 等同於 bold。

text-align:left; 表示文字左對齊。

left : 文字左對齊,center : 文字居中對齊, right : 文字右對齊。我這裡用的 div 標籤,獨佔一行,所以對齊是相對於整行的。

text-decoration: underline; 表示給文字新增下劃線。

none : 無裝飾 (預設值),underline : 下劃線 ,line-through : 刪除線(貫穿線),overline : 上劃線。

text-transform: none ; 表示文字無轉換,預設值。

upercase :轉換成大寫;  lowercase:轉換成小寫 ,capitalize : 每個單詞首字母為大寫。

text-indent: 2em; 表示文字第一行的縮排是2em。

1 em 和當前字型大小相當相等 ,瀏覽器的預設字型大小是16px ,此時 1em =16px。

10. 設定當前文字超過所在容器是否換行

word-wrap: break-word; 表示文字超出容器的時候,自動換行。normal 正常,預設值。

給文字新增陰影的效果。語法格式:text-shadow: h-shadow v-shadow blur color; 其中 h-shadow 是水平陰影 ,v-shadow 是垂直陰影 ,這兩個值必填項,可為負值。 blur 表示模糊的距離 ,color bb表示陰影的顏色。

此** w3school ,可以點這裡詳細了解一下!

一般使用行高,就是設定文字垂直居中,當行高等於容器高的時候,文字居中顯示。

css網頁布局中文字排版的屬性和用法

前段時間,學習了幾個大的 的 混排的方法。今天總結下,css網頁布局中文字排版的相關屬性以及用法 包括 設定字型 顏色 大小 段落空白,首字下沉 首行縮排 中文字的截斷 固定寬度詞內折行 word wrap和word break 等。一 設定文字字型 顏色 大小等使用font等。font style...

css網頁布局中文字排版的屬性和用法

前段時間,學習了幾個大的 的 混排的方法。今天總結下,css網頁布局中文字排版的相關屬性以及用法。包括 設定字型 顏色 大小 段落空白,首字下沉 首行縮排 中文字的截斷 固定寬度詞內折行 word wrap和word break 等。一 設定文字字型 顏色 大小等使用font等。font style...

css的文字樣式屬性

text align 指定文字快的對齊方式 start end left right center justify text justify 如果text align屬性使用了justify值,則該值會用來指定對齊文字的規則 white space 指定空白字元的處理方式 normal nowrap...