一 背景
1 背景重復(fù)
background-repeat:no-repeat|repeat-x|repeat-y
2 背景位置簡(jiǎn)寫(xiě)
background-position-x:橫坐標(biāo)方向的位置
background-position-y:縱坐標(biāo)方向的位置
簡(jiǎn)寫(xiě)background-position: x y;
傳參 top,right,bottom,left,center
3 背景簡(jiǎn)寫(xiě)
background:color image repeat position
背景顏色 ~圖片 ~圖片樣式 ~圖片的位置
4 背景吸附
- background-attachment:scroll|fixed;
scroll背景可以隨屏幕滾動(dòng)相對(duì)位置不變
fixed絕對(duì)位置不能變
5背景大小
background-size:x y; x -->width y -->height
cover -->會(huì)覆蓋整個(gè)div 特點(diǎn):只能以大覆小
二. 文本屬性
1.文本對(duì)齊
text-align:left|center|right
2. 文本修飾
text-decoration:none|underline|overline|line-through
3.文本縮進(jìn)
text-indent
4.文本轉(zhuǎn)換
text-transfomr:uppercase|lowercase|capitalize
- lorem+tab 快速寫(xiě)出一段廢話
三 字體屬性
1 字體大小
font-size：+字體大小
- 最小的字體-->不要小于12px
2 字體樣式
font-style:normal|italic
3 字體的權(quán)重
font-weight:bold|bolder|lighter
100-900
四. 表格
1.跨度
rowspan=" " 跨行
colspan=" " 跨列
2.輪廓
input{
margin-top: 50px;
outline: none;不為空選中會(huì)有輪廓效果龙优；
}
3.透明度
opacity設(shè)置元素的透明度
4.表格折疊
border-collapse: collapse;重復(fù)折疊
繼承
- 特殊 父元素不設(shè)置height,它會(huì)獲取 子元素的height 一般都是子繼承父
鏈接
1 訪問(wèn)效果
link -->沒(méi)有訪問(wèn)的鏈接
visited -->已經(jīng)訪問(wèn)過(guò)的鏈接
hover -->鼠標(biāo)移入到鏈接上的狀態(tài)
active -->鼠標(biāo)點(diǎn)擊的那一刻
tip:同時(shí)使用鏈接的這幾種狀態(tài),順序不打亂
2鏈接各種效果
- 清除下劃線 text-decoration：none
- 顏色 直接設(shè)置
列表（樣式是瀏覽器給的如果在邊緣要加一個(gè)外邊框）
未標(biāo)題-2.jpg
- 列表樣式
list-style:none; - 列表樣式類型
list-style-type:disc點(diǎn)|circle圓|square - 列表樣式圖片
list-style-image
