2018.07.12學(xué)習(xí)總結(jié)
1.背景
1.1背景顏色:background-color
1.2背景圖片:backgorund-image
1.3背景重復(fù):background-repeat
背景.PNG
1.4背景吸附:background-attachment:fixed | scroll
背景吸附.PNG
1.5背景位置:background-position: x y
//背景位置有兩個(gè)參數(shù),第一個(gè)參數(shù)表示離x軸的距離,y表示離y軸的距離
背景位置.PNG
1.6背景大小 background-size屬性指定背景圖片大小。
1.6.1background-size: x y;//x表示寬度，y表示高度
1.6.2background-size:cover;//此時(shí)會(huì)保持圖像的縱橫比并將圖像縮放成將完全覆蓋背景定位區(qū)域的最小大小。相當(dāng)于background-size:100% 100%;
背景大小.PNG
1.6背景簡寫
background: color image repeat position
背景簡寫.PNG
2.css文本
2.1顏色 color:設(shè)置字體的顏色
2.1.1十六進(jìn)制值 - 如: ＃FF0000
2.1.2一個(gè)RGB值 - 如: RGB(255,0,0)
2.1.3顏色的名稱 - 如: red
body {color:red;}
h1 {color:#00ff00;}
h2 {color:rgb(255,0,0);}
顏色.PNG
2.2text-align文本對齊方式
text-align: right|left|center;
2.3text-decoration文本修飾
text-decoration: underline|overline|line-through;
2.4text-indent文本縮進(jìn)
text-align:20px;
[圖片上傳中...(文本相關(guān).PNG-6304ba-1531394742629-0)]
2.5text-transform文本轉(zhuǎn)換
text-transform:uppercase|lowercase|capitalize;
文本相關(guān).PNG
3.css鏈接
3.1a:link - 正常，未訪問過的鏈接
3.2a:visited - 用戶已訪問過的鏈接
3.3a:hover - 當(dāng)用戶鼠標(biāo)放在鏈接上時(shí)
3.4a:active - 鏈接被點(diǎn)擊的那一刻
3.5若單獨(dú)設(shè)置幾個(gè)鏈接，必須遵守如下規(guī)則：a:hover 必須跟在 a:link 和 a:visited后面,a:active 必須跟在 a:hover后面
鏈接.PNG
4.繼承
4.1height繼承
Height(特殊)如果父元素不設(shè)置高度，默認(rèn)情況下父元素繼承子元素的高度
height繼承.PNG
4.2width繼承
如果子元素不設(shè)置寬度，默認(rèn)情況下繼承父元素的寬度
width繼承.PNG
4.3文本等繼承
文本相關(guān)屬性:color,text-align,text-decoration,text-transform,text-indent(內(nèi)聯(lián)標(biāo)簽不能設(shè)置此屬性)
字體相關(guān)屬性:font-family,font-style,font-size,font-weight,line-height
列表相關(guān)屬性:list-style
表格相關(guān)屬性:border-collapse
其他屬性:cursor,visibility
文本繼承.PNG
5.透明度
透明度.PNG
6.表格
border-collapse 屬性設(shè)置表格的邊框被折疊成一個(gè)單一的邊框
table{border-collapse:collapse}
//可以在td,th設(shè)置這個(gè)兩個(gè)屬性
colspan:value //跨越的列
rowspan:value //跨越的行
跨行.PNG
跨列.PNG
7.輪廓
輪廓（outline）是繪制于元素周圍的一條線，位于邊框邊緣的外圍，可起到突出元素的作用
p{outline:1px solid pink;}
8.css字體
p{font-family:Helvetica,Microsoft YaHei;}
font-size:14px;
font-style:normal | italic;
font-weight:normal | bold | lighter;
line-height:60px;
字體.PNG
總結(jié)：啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊今天真的好累 好餓
