1、美化文本
1.1第一部分
font-size：字體大小，常用em、px、%、rem作單位，預設值small、large、medium，可繼承，
font-weight：加粗字體，屬性為bold，加粗字體，（100-900之間的數值也可以）或者設置700（與bold效果相同），400是正常情況，100-900之間取整，可繼承；
font-style：italic 傾斜字體，可繼承；
letter-spacing調整字間距，單位px或者em都可以，可繼承；
text-indent首行縮進，一般是在p標簽上面使用，span標簽使用margin-left：2em可實現效果；
text-decoration，給文字設置下划線，默認是沒有線條，overline（文字頂部），underline（文字底部），line-through（文字中部，效果和del元素一樣），只有先設置了下划線位置之后，才能設置下划線的顏色，樣式等等。
1.2第二部分
（1） 修飾首字母：偽元素選擇器，【：：first-letter】，可以選擇元素中的第一個文字；
可以運用的屬性：font 屬性color 屬性、background 屬性、margin 屬性、padding 屬性、border 屬性、text-decoration、vertical-align (僅當 'float' 為 'none' 時)、text-transform、line-height、float、clear
（2） 修飾首行：偽元素選擇器，【：：first-line】，可以選中元素中的第一行文字；
（3） 修飾選中文字：偽元素選擇器，【：：select】可選中被用戶框選的文字；
（4） 字體類型：分為襯線字體和非襯線字體
font-family，設置字體類型，為了避免全部都失效的情況，通常將最后一個值設置為"sans-serif"或"serif"。
向瀏覽器引入字體：@font-face{font-family：“名字”}；src：url（字體地址）。
2、美化邊框
（1） 圓角邊框：【border-radius】設一個值是正圓，兩個值是橢圓。
3、美化背景
（1）【background-image】設置背景圖片；
（2）【background-repeat】設置圖片重復方式；
- 【repeat】默認值，從左到右從上到下重復；
- 【no-repeat】不重復；
- 【repeat-x】僅在x軸方向上重復；
- 【repeat-y】僅在y軸方向上重復。
（3）【background-position】設置圖片在邊框盒中的具體位置。
預設值left、right、top、bottom、center
比如：background-position：center（水平垂直居中）；center top（水平居中）；left bottom（左邊下邊）；50px 100px（圖片距離左邊50，上邊100）
雪碧圖那個是指一個大的背景里面只需要小部分背景，其他的不要，通過設置盒子的大小和移動背景圖的位置來保留想要的區域。
（4）【background-size】設置背景圖尺寸；
- Background-size：contain；等比例縮放圖片，不管盒子，可以不覆蓋盒子；
- Background-size：cover；圖片大小等比例縮放，但是必須覆蓋整個盒子。
（5）【background-attachment】固定背景圖
- Scroll：默認值，背景圖跟隨元素移動；
- Fixed：背景圖固定。
（6）速寫【background】統一設置
Background：背景圖 位置/尺寸 重復方式 固定方式 背景顏色；
4、背景漸變
（1） 線性漸變【background-image：linear-gradient（）】
（2） 徑向漸變【background-image：radial-gradient（）】
5、透明度
（1） 使用【opacity】屬性，可調整整個盒子的透明度該屬性的取值范圍是0~1 ，其中，0表示全透明，1表示完全不透明；
（2） 使用rgba顏色，可調整某個顏色的透明度，
- rgba分別表示： r：red，g：green，b：blue，a：alpha
- 書寫格式為：rgba(red, green, blue, alpha)；
- 其中，alpha表示透明通道，取值是0~1之間；
- 0表示全透明，1表示完全不透明；
- 也可以用十六進制表示，例如rgba(0,0,0,0.5)可以寫成#00000080。
（3） 調整鼠標樣式
使用cursor屬性
6、陰影
（1）【text-shadow】設置文本的陰影；
h-shadow 必需，水平陰影的位置。允許負值；
v-shadow 必需，垂直陰影的位置。允許負值；
blur 可選，模糊的距離；
color 可選，陰影的顏色。
（2）【box-shadow】設置文本框的陰影；
h-shadow 必需，水平陰影的位置，允許負值；
v-shadow 必需，垂直陰影的位置，允許負值；
blur可選，模糊距離；
spread可選，陰影的尺寸；
color 可選，陰影的顏色；
inset 可選，將外部陰影 (outset) 改為內部陰影。
