- CSS背景
- CSS 文本
- CSS 字體
- CSS 鏈接
- CSS 列表
- CSS 表格
- CSS 輪廓
背景
背景.png
background-image: url("white_chocolate_donut.jpg");
background-repeat: no-repeat; //默認(rèn)重復(fù)
background-size: 100px 100px;
background-attachment: fixed;
background-position 其實(shí)是兩個(gè)屬性沐悦，第一個(gè)屬性是圖片的位置劝术，第二個(gè)是圖片自身從哪里開(kāi)始顯示
文本
CSS文本屬性可定義文本外觀
通過(guò)文本屬性灼捂，可以改變文本的顏色、字符間距荚坞、對(duì)齊文本戳鹅、裝飾文本、對(duì)文本縮進(jìn)
文本.png
text-indent: -2em; //縮進(jìn)兩個(gè)字母
padding-left: 2em;//左邊距為兩個(gè)字母
text-transform: capitalize;//首字母大寫
text-transform: lowercase;//全部小寫
text-transform: uppercase; 全部大寫
text-shadow: 10px 10px 0px #FF0000;/*距左 距上 清晰度 背景顏色*/ 投影
text-wrap: normal;//折行 配合寬度
width: 200px;
字體
字體.png
zti-code.png
鏈接
CSS鏈接的四種狀態(tài)
- a:link 普通的 团滥、未被訪問(wèn)的鏈接
- a:visited 用戶已經(jīng)訪問(wèn)的鏈接
- a:hover 鼠標(biāo)指針位于鏈接的上方
- a:active 鏈接被點(diǎn)擊的時(shí)刻
常見(jiàn)的鏈接樣式：
text-decoration 屬性大多用于去掉鏈接中的下劃線
下劃線.png
列表
CSS列表.png
列表項(xiàng).png
表格
表格.png
表格-code.png
表格- 效果圖.png
輪廓
輪廓.png
表格.png
輪廓imag.png
