A我今天學(xué)到了什么？
1、水平居中如何讓內(nèi)聯(lián)元素和內(nèi)聯(lián)塊元素水平居中拉一？
1.1給父級(jí)加text-align:center
1.2設(shè)置display：block屈留；
margin-right：auto;
margin-left:auto;
2、css基本樣式的講解
2.1css背景
//背景顏色
background-color
//背景圖片
backgound-image
//背景重復(fù)
background-repeat
//背景位置
background-position:x.y
//背景位置有兩個(gè)參數(shù)吊洼，第一個(gè)參數(shù)表示背景圖片離盒子X軸的距離训貌，Y表示圖片離盒子Y軸的距離
//參數(shù)可以傳遞left/right/top/bottom/center
簡(jiǎn)寫：background:color image repeat position
//背景吸附
backgound-attachment:fixed固定的/scroll滾動(dòng)的
//背景圖片大小
background-size:x,y
X表示寬度，Y表示高度
background-size:cover
此時(shí)將圖像縮放成完全覆蓋背景定位區(qū)域的最小大小
相當(dāng)于background-size:100% 100%
2.2css文本
//設(shè)置字體的顏色
color
十六進(jìn)制值-如：#FF000
一個(gè)RGB值-如：（255,0,0）
顏色的名稱-如：red
body{color:red}
h1{color：#FF000}
h2{color:rgb(255,0,0)}
文本對(duì)齊方式
text-align:right/left/center
文本修飾
text-decoration:underline/overline/line-through
文本轉(zhuǎn)換
text-transform:uppercase/lowercase/capitalize
文本縮進(jìn)
text-indent
2.3css字體
font-family：字體
p{font family:Microsoft Yahei}
//字體大小
font:size
//字體類型
font-type：nomor/italic
//字體粗細(xì)
font—width：normal正常的/bold粗的/lighter淡的冒窍，xid
行高
line-height
3递沪、css鏈接
a:link未訪問過得鏈接
a:visited已訪問過得鏈接
a:hover當(dāng)鼠標(biāo)放在鏈接上時(shí)
a:active鏈接被點(diǎn)擊的那一刻
若單獨(dú)設(shè)置幾個(gè)鏈接，必須遵守以下規(guī)則：
a:hover必須跟在link和visited后面
a:active必須跟在hover后面
4综液、css列表樣式（針對(duì)url）
list-style:none沒有一個(gè)
list-style-type:/circle圓圈/square正方形
list-style-image:url(“XXX”)
p{border:1px solid #333}
單獨(dú)設(shè)置個(gè)邊
p{border-top-style:dotted斑點(diǎn)基因;
border-right-style:solid}
5款慨、表格
border-collapse屬性設(shè)置表格的邊框被折疊成一個(gè)單一的邊框
collapse折疊
table{border-collapse:collapse}
//可以再td,th設(shè)置這兩個(gè)屬性
colspan:value//跨行的列
rowspan:Valle//跨行的行
6、輪廓屬性（不怎么用）
輪廓（outline）位于邊框邊緣的外圍谬莹，可起到突出元素的作用
p{outline:1px solid pink}
7檩奠、透明
opacity透明度
一般取值（0-1）
visibility：可見度
visibility：hidden/事物存在，但是隱藏了
visibility:visible/事物可以看見
visibility：hidden與display:none的區(qū)別
###8埠戳、樣式的繼承
是子元素對(duì)父元素的繼承
8.1width和height
width
//如果子元素不設(shè)置寬度，默認(rèn)為繼承父元素的寬度
height
//如果父元素不設(shè)置高度蕉扮，默認(rèn)父元素繼承子元素的高度
8.2css可以繼承的屬性
文本相關(guān)的屬性：color,text-decoration,text-transform,text-indent
字體相關(guān)的屬性：font-family,font-style,font-size,font-weight,line-height
列表相關(guān)屬性：list-style
表格相關(guān)屬性：border-collapse
其他屬性：cursor,visibility
B我掌握了什么整胃？
1、如何讓內(nèi)聯(lián)元素和內(nèi)聯(lián)塊元素居中喳钟？
1.1設(shè)置display：block
margin-left：auto;
margin-fight:auto:
1.2給父級(jí)加text-align:center
2屁使、css背景
background-color
//背景顏色
backgound-image
//背景圖片
background-repeat
//背景重復(fù)
background-positionbe
//背景位置
可以簡(jiǎn)寫為background：color image repeat position
background-size
//背景圖片大小
background-size:cover
相當(dāng)于background-size:100% 100%
3欠啤、css文本
color:設(shè)置字體的顏色
十六進(jìn)制值-如：#FF000
一個(gè)RGB值-如：（255,0,0）
顏色的名稱-如：red
body{color:red}
h1{color：#FF000}
h2{color:rgb(255,0,0)}
文本對(duì)齊方式
text-align:right/left/center
4、css字體
font-family字體
p{font family:Microsoft Yahei}
行高
line-height
5屋灌、css鏈接
a:link未訪問過得鏈接
a:visited已訪問過得鏈接
a:hover當(dāng)鼠標(biāo)放在鏈接上時(shí)
a:active鏈接被點(diǎn)擊的那一刻
6洁段、樣式的繼承
是子元素對(duì)父元素的繼承
width
//如果子元素不設(shè)置寬度，默認(rèn)為繼承父元素的寬度
height
//如果父元素不設(shè)置高度共郭，默認(rèn)父元素繼承子元素的高度
B今天我掌握了什么祠丝？
####1、水平居中如何讓內(nèi)聯(lián)元素和內(nèi)聯(lián)塊元素水平居中除嘹？
>######1.1給父級(jí)加text-align:center
>######1.2設(shè)置display：block写半；
>######margin-right：auto;
>######margin-left:auto;
####2、css基本樣式的講解
>######2.1css背景
//背景顏色
background-color
//背景圖片
backgound-image
//背景重復(fù)
background-repeat
//背景位置
background-position:x.y
//背景位置有兩個(gè)參數(shù)尉咕，第一個(gè)參數(shù)表示背景圖片離盒子X軸的距離叠蝇，Y表示圖片離盒子Y軸的距離
//參數(shù)可以傳遞left/right/top/bottom/center
簡(jiǎn)寫：background:color image repeat position
//背景吸附
backgound-attachment:fixed固定的/scroll滾動(dòng)的
//背景圖片大小
background-size:x,y
X表示寬度，Y表示高度
background-size:cover
此時(shí)將圖像縮放成完全覆蓋背景定位區(qū)域的最小大小
相當(dāng)于background-size:100% 100%
>#####css文本
//設(shè)置字體的顏色
color
十六進(jìn)制值-如：#FF000
一個(gè)RGB值-如：（255,0,0）
顏色的名稱-如：red
body{color:red}
h1{color：#FF000}
h2{color:rgb(255,0,0)}
文本對(duì)齊方式
text-align:right/left/center
文本修飾
text-decoration:underline/overline/line-through
文本轉(zhuǎn)換
text-transform:uppercase/lowercase/capitalize
文本縮進(jìn)
text-indent
font-family：字體
p{font family:Microsoft Yahei}
//字體大小
font:size
//字體類型
font-type：nomor/italic
//字體粗細(xì)
font—width：normal正常的/bold粗的/lighter淡的年缎，xid
行高
line-height
####3悔捶、css鏈接
a:link未訪問過得鏈接
a:visited已訪問過得鏈接
a:hover當(dāng)鼠標(biāo)放在鏈接上時(shí)
a:active鏈接被點(diǎn)擊的那一刻
若單獨(dú)設(shè)置幾個(gè)鏈接，必須遵守以下規(guī)則：
a:hover必須跟在link和visited后面
a:active必須跟在hover后面
###C今天沒有掌握什么
1单芜、css列表樣式（針對(duì)url）（了解）
list-style:none
list-style-type:circle/square
list-style-image:url(“XXX”)
p{border:1px solid #333}
（1）單獨(dú)設(shè)置個(gè)邊
p{border-top-style:dotted;
border-right-style:solid}
表格（了解）
border-collapse屬性設(shè)置表格的邊框被折疊成一個(gè)單一的邊框
table{border-collapse:collapse}
td,th設(shè)置這兩個(gè)屬性
colspan:value //跨行的列
rowspan://跨行的行
