CSS屬性之文字樣式

2021-09-29 08:06:32 字數 1478 閱讀 5955

css屬性之文字樣式

1、字母轉化: text-transform: uppercase; 將小寫字母轉化為大寫字母

text-transform: none; 變回原樣

text-transform: lowercase; 將大寫字母轉化為小寫字母

text-transform: capitalize; 將英文的首字母大寫

font-variant:small-caps; 小型大寫字母 (字母是大寫,但字型大小會變小)

2、 新增陰影: text-shadow: 5px 5px 30px black;

四個屬性分別為: 水平偏移 垂直偏移 陰影模糊度 陰影顏色

3、對齊方式:text-align: left; 左對齊

text-align: right; 右對齊

text-align: center; 居中對齊

text-align: justify;內容兩端對齊

4、文字中空格和換行: white-space: nowrap; 空白符被壓縮文字不換行

white-space: normal; 預設值,空白被壓縮,文字自動換行

white-space: pre;空白符被保留,遇到換行符則換行

white-space: pre-line; 空白符被壓縮,文字在排滿或與換行符換行

white-space: pre-wrap; 空白符被保留,文字在排滿或與換行符換行

5、行高的設定: line-height: normal; (恢復預設)

line-height: 150px;

line-height: 5;

line-height: 200%;

6、文字間距:letter-spacing: normal; 設定文字預設間距

letter-spacing: 5px; 文字間距值

word-spacing: normal; 設定單詞(有空格的地方(文字和單詞間有空格也可))間預設間距

word-spacing: 8px; 單詞間距值

7、文字樣式:text-decoration: underline; 加下劃線

text-decoration: overline; 加上劃線

text-decoration: line-through; 加一條刪除線

text-decoration: blink; 讓文字開始閃爍,但基本不支援了

font-style: italic;文字傾斜

8、文字加粗: font-weight: 500; 數字在600之前無變化 600-900之間則加粗

font-weight: lighter; 文字變細

font-weight:bold;文字加粗bold

9、字型大小設定: font-size: 50px;

font-size: xx-small;

font-size: x-small;

font-size: x-large;

font-size: xx-large;

css的文字樣式屬性

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

CSS字型 文字樣式屬性

1 字型屬性 1.2 字型大小屬性 1.3 字型粗細屬性 1.4 字型樣式屬性 1.5 字型復合屬性 2 文字外觀屬性 css fonts 字型 屬性用於定義字型系列 大小 粗細 和文字樣式 如斜體 css使用 font family屬性來定義字型 pcss使用 font size屬性來定義字型 語...

CSS之文字樣式

縮排文字 縮排文字,使用了text indent屬性 縮排文字,使用text indent的百分比 text align center文字居中,只標籤內的內容,不影響標籤 字間隔ccc 屬 性,改變字 單詞 之間的標準間隔,word spacing預設值為normal字間隔 30px 字間隔ccc ...