A今天學(xué)習(xí)內(nèi)容
1.css基本樣式
①背景
background-color
background-repeat（設(shè)置背景是否重復(fù)顯示携悯，可用repeat-x/y分別設(shè)置背景相對x/y軸重復(fù)）
background-image：url(" ")
background-attachment：fixed/scroll等（設(shè)置背景是否隨滾動(dòng)條滾動(dòng)）
background-position：x y（設(shè)置背景圖片的x和y值確定位置调窍，x表示離x軸的距離，y表示離y軸的距離）
以上除attachment外可簡寫成：background：color image repeat position
background-size：x y（設(shè)置背景圖片大小，x表示寬度干厚，y表示高度褐着，也可以用百分比來表示占網(wǎng)頁的百分之多少）
background-size：cover（此時(shí)會保持圖像的縱橫比并將圖像縮放成完全覆蓋背景定位區(qū)域的最小尺寸荧琼，相當(dāng)于background-size：100% 100%）
8.PNG
②css文本
color搞挣，顏色的設(shè)置有顏色名稱（如red，green等）磕蛇，十六進(jìn)制值（如#ff000）和rgb/rgba值（如rgb/rgba（255,0,0,/0.5）景描，a指的是該指定文本的透明度）三種方法十办；
text-align（文本對齊方式）
text-align：right/center等
text-decoration（文本修飾）
text-decoration：underline/line-through等
text-transform（文本轉(zhuǎn)換）
text--transform：uppercase（全大寫）/capitalize（首字母大寫）等
text-indent（文本縮進(jìn)）
③css字體
font-family（該屬性應(yīng)該設(shè)置幾個(gè)字體名稱作為一種“后備”機(jī)制，用逗號隔開超棺，如果瀏覽器不支持第一種字體向族，它會嘗試下一種字體，以此類推）
font-size（單位一般為px）
font-style（一般是斜體或非斜體）
font-weight（字體的粗細(xì)程度）
line-height（設(shè)置行高）
④css鏈接
一棠绘、a：link——正常件相，表示未訪問過的鏈接；
二氧苍、a：visited——表示已訪問過的鏈接夜矗；
三、a：hover——鼠標(biāo)放在鏈接上時(shí)让虐；
四紊撕、a:active——鏈接被點(diǎn)擊的一刻；
*如果單獨(dú)設(shè)置幾個(gè)鏈接赡突，必須遵循以下規(guī)則：
a：hover必須寫在a：link和a：visited的后面对扶；
a:active必須寫在a：hover的后面；
⑤css列表樣式（針對ul）
list-style：none（清除列表樣式惭缰，即清除掉每個(gè)li前的點(diǎn)）
list-style-type：circle/square等（讓li前的圖標(biāo)變成circle等形狀）
list-style-image：url（" "）（自定義li前面的圖標(biāo)）
⑥邊框
border-width浪南；
border-style；
border-color从媚；
以上可簡寫成：
border：width style color
單獨(dú)設(shè)置四個(gè)邊：
border{
border-top/bottom/left/right：double/dotted等
}
⑦表格
border-collapse(屬性設(shè)置表格的邊框被折疊成一個(gè)單一的邊框）
折疊前
1.PNG
折疊后（table{border-collapse：collapse逞泄；}）
2.PNG
跨行顯示：在所要跨行的元素中加入rowspan=" "患整，雙引號里面填數(shù)字拜效，數(shù)字取決于跨行數(shù)
如：
3.PNG
4.PNG
跨列顯示：在所要跨列的元素中加入colspan=" "，雙引號里面填數(shù)字各谚，數(shù)字取決于跨列數(shù)
如：
5.PNG
6.PNG
⑧輪廓屬性（非常用）
outline是繪制于元素周圍的一條線紧憾，位于邊框邊緣的外圍，可起到突出元素的作用（如：p{1px solid pink昌渤；}）
opacity（設(shè)置元素透明度赴穗，可用0~1或%表示）
visibility：hidden/visible（表示可見度為隱藏或可見）
2.css樣式的繼承
①繼承是子元素對父元素的繼承
a.如果子元素不設(shè)置寬度，默認(rèn)繼承父元素的寬度
b.如果父元素不設(shè)置高度膀息，默認(rèn)繼承子元素的高度
7.PNG
②css可以繼承的屬性
文本相關(guān)屬性：color般眉、text-align/decoration/transform/indent（內(nèi)聯(lián)塊不能設(shè)置此屬性）
字體相關(guān)屬性：font-family/style/size/weight、line-height
列表相關(guān)屬性：list-style
表格相關(guān)屬性：border-collapse
其他屬性：cursor潜支，visibility
B今天掌握的內(nèi)容
1.css的基本樣式及其使用方法包括一些簡寫甸赃，規(guī)則
2.css樣式的繼承關(guān)系包括父子元素在不同情況下的繼承關(guān)系和css可以繼承的屬性有哪些
C今天未掌握的內(nèi)容
none
