本的字體、大小、顏色和樣式

CSS 美化文本可以通過以下方式實現(xiàn)：

1. 字體樣式：使用 font-family 屬性設(shè)置字體族，如 "Arial", "Times New Roman", "Verdana" 等。
2. 字體大小：使用 font-size 屬性設(shè)置字體大小，如 "12px", "1em", "100%" 等。
3. 字體粗細(xì)：使用 font-weight 屬性設(shè)置字體粗細(xì)，如 "normal", "bold", "bolder" 等。
4. 字體樣式：使用 font-style 屬性設(shè)置字體樣式，如 "normal", "italic", "oblique" 等。
5. 文本對齊：使用 text-align 屬性設(shè)置文本對齊方式，如 "left", "right", "center" 等。
6. 文本裝飾：使用 text-decoration 屬性設(shè)置文本裝飾，如 "none", "underline", "overline", "line-through" 等。
7. 文本顏色：使用 color 屬性設(shè)置文本顏色，如 "red", "#FF0000", "rgb(255, 0, 0)" 等。
8. 文字陰影：使用 text-shadow 屬性設(shè)置文字陰影效果，如 "2px 2px 2px #000"。
9. 文字轉(zhuǎn)換：使用 text-transform 屬性設(shè)置文字轉(zhuǎn)換方式，如 "uppercase"（大寫）、"lowercase"（小寫）和 "capitalize"（首字母大寫）。
10. 文字間距：使用 letter-spacing 屬性設(shè)置字母之間的間距，如 "2px"、"0.1em" 等。
11. 文字行高：使用 line-height 屬性設(shè)置文字行高，如 "1.5"、"1.5em"、"150%" 等。

以下是一些示例代碼：

/* 設(shè)置字體樣式 */
p {
font-family: Arial, sans-serif;
}
/* 設(shè)置字體大小 */
h1 {
font-size: 24px;
}
/* 設(shè)置字體粗細(xì) */
strong {
font-weight: bold;
}
/* 設(shè)置字體樣式 */
em {
font-style: italic;
}
/* 設(shè)置文本對齊 */
ul {
text-align: left;
}
/* 設(shè)置文本裝飾 */
a {
text-decoration: underline;
}
/* 設(shè)置文本顏色 */
h2 {
color: #FF0000;
}
/* 設(shè)置文字陰影 */
h3 {
text-shadow: 2px 2px 2px #000;
}
/* 設(shè)置文字轉(zhuǎn)換 */
p {
text-transform: capitalize;
}
/* 設(shè)置文字間距 */
p {
letter-spacing: 1px;
}
/* 設(shè)置文字行高 */
p {
line-height: 1.5;
}

CSS文本的對齊、縮進(jìn)和行高可以通過以下屬性進(jìn)行設(shè)置：

1. 對齊（text-align）：用于設(shè)置文本的水平對齊方式，可選值有 left、right、center 和 justify。

p { text-align: center; }

1. 
   
2. 縮進(jìn)（text-indent）：用于設(shè)置文本的首行縮進(jìn)，可以設(shè)置為固定像素值或百分比。

p { text-indent: 2em; }

1. 行高（line-height）：用于設(shè)置文本行之間的垂直間距，可以設(shè)置為固定像素值或百分比。

p { line-height: 1.5; }

CSS文本的裝飾和轉(zhuǎn)換可以通過以下屬性進(jìn)行設(shè)置：

1. 文本裝飾（text-decoration）：用于設(shè)置文本的裝飾效果，可選值有 none、underline、overline、line-through 和 blink。

p { text-decoration: underline; }

2. 文本轉(zhuǎn)換（text-transform）：用于設(shè)置文本的大小寫轉(zhuǎn)換方式，可選值有 none、capitalize、uppercase 和 lowercase。

h1 { text-transform: uppercase; }

3. 文本陰影（text-shadow）：用于設(shè)置文本的陰影效果，可以設(shè)置水平偏移、垂直偏移、模糊距離和顏色。

p { text-shadow: 2px 2px 4px #000000; }

eb前端開發(fā)課程：css文本模塊-文本裝飾。

講課人：波波老師。

text-decoration：文字添加裝飾。line-height：行高。text-shadow：文字添加陰影。text-align：文字水平對齊方式。word-break：文本自動換行。word-wrap：長單詞自動換行。

text-decoration文本的裝飾主要用于設(shè)置文本的上劃線、下劃線和中劃線，也就是刪除線。這個功能最主要的用處是處理鏈接默認(rèn)自帶的下劃線。

來看一下代碼。

·首先來做一個鏈接，可以看到這個鏈接是帶一個下劃線的，把下劃線去掉。text-decoration：none，可以看到下劃線就去掉了。

·然后再來做class="under"，等于下部。class="over"，這個class="del"。從下劃線、上劃線、刪除線。

·來做這三個樣式。首先是得.under，把它做成underline，可以看underline是有下劃線的。再做一個overline，做成overline，overline是上劃線。這個有點近了，把它分開，這回可以看到這個是有上劃線的。再做一個刪除線，del，看到這個做了一個刪除線。

這個先講到這里，進(jìn)行下一個。