A我今天學(xué)到了什么？
1、水平居中如何讓內(nèi)聯(lián)元素和內(nèi)聯(lián)塊元素水平居中？
1.1給父級加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
//背景位置有兩個參數(shù)，第一個參數(shù)表示背景圖片離盒子X軸的距離，Y表示圖片離盒子Y軸的距離
//參數(shù)可以傳遞left/right/top/bottom/center
簡寫：background:color image repeat position
//背景吸附
backgound-attachment:fixed固定的/scroll滾動的
//背景圖片大小
background-size:x,y
X表示寬度，Y表示高度
background-size:cover
此時將圖像縮放成完全覆蓋背景定位區(qū)域的最小大小
相當(dāng)于background-size:100% 100%
2.2css文本
//設(shè)置字體的顏色
color
十六進制值-如：#FF000
一個RGB值-如：（255,0,0）
顏色的名稱-如：red
body{color:red}
h1{color：#FF000}
h2{color:rgb(255,0,0)}
文本對齊方式
text-align:right/left/center
文本修飾
text-decoration:underline/overline/line-through
文本轉(zhuǎn)換
text-transform:uppercase/lowercase/capitalize
文本縮進
text-indent
2.3css字體
font-family：字體
p{font family:Microsoft Yahei}
//字體大小
font:size
//字體類型
font-type：nomor/italic
//字體粗細
font—width：normal正常的/bold粗的/lighter淡的，xid
行高
line-height
3、css鏈接
a:link未訪問過得鏈接
a:visited已訪問過得鏈接
a:hover當(dāng)鼠標放在鏈接上時
a:active鏈接被點擊的那一刻
若單獨設(shè)置幾個鏈接，必須遵守以下規(guī)則：
a:hover必須跟在link和visited后面
a:active必須跟在hover后面
4、css列表樣式（針對url）
list-style:none沒有一個
list-style-type:/circle圓圈/square正方形
list-style-image:url(“XXX”)
p{border:1px solid #333}
單獨設(shè)置個邊
p{border-top-style:dotted斑點基因;
border-right-style:solid}
5、表格
border-collapse屬性設(shè)置表格的邊框被折疊成一個單一的邊框
collapse折疊
table{border-collapse:collapse}
//可以再td,th設(shè)置這兩個屬性
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、樣式的繼承
是子元素對父元素的繼承
8.1width和height
width
//如果子元素不設(shè)置寬度，默認為繼承父元素的寬度
height
//如果父元素不設(shè)置高度，默認父元素繼承子元素的高度
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給父級加text-align:center
2、css背景
background-color
//背景顏色
backgound-image
//背景圖片
background-repeat
//背景重復(fù)
background-positionbe
//背景位置
可以簡寫為background：color image repeat position
background-size
//背景圖片大小
background-size:cover
相當(dāng)于background-size:100% 100%
3、css文本
color:設(shè)置字體的顏色
十六進制值-如：#FF000
一個RGB值-如：（255,0,0）
顏色的名稱-如：red
body{color:red}
h1{color：#FF000}
h2{color:rgb(255,0,0)}
文本對齊方式
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)鼠標放在鏈接上時
a:active鏈接被點擊的那一刻
6、樣式的繼承
是子元素對父元素的繼承
width
//如果子元素不設(shè)置寬度，默認為繼承父元素的寬度
height
//如果父元素不設(shè)置高度，默認父元素繼承子元素的高度
B今天我掌握了什么？
####1、水平居中如何讓內(nèi)聯(lián)元素和內(nèi)聯(lián)塊元素水平居中？
>######1.1給父級加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
//背景位置有兩個參數(shù)，第一個參數(shù)表示背景圖片離盒子X軸的距離，Y表示圖片離盒子Y軸的距離
//參數(shù)可以傳遞left/right/top/bottom/center
簡寫：background:color image repeat position
//背景吸附
backgound-attachment:fixed固定的/scroll滾動的
//背景圖片大小
background-size:x,y
X表示寬度，Y表示高度
background-size:cover
此時將圖像縮放成完全覆蓋背景定位區(qū)域的最小大小
相當(dāng)于background-size:100% 100%
>#####css文本
//設(shè)置字體的顏色
color
十六進制值-如：#FF000
一個RGB值-如：（255,0,0）
顏色的名稱-如：red
body{color:red}
h1{color：#FF000}
h2{color:rgb(255,0,0)}
文本對齊方式
text-align:right/left/center
文本修飾
text-decoration:underline/overline/line-through
文本轉(zhuǎn)換
text-transform:uppercase/lowercase/capitalize
文本縮進
text-indent
font-family：字體
p{font family:Microsoft Yahei}
//字體大小
font:size
//字體類型
font-type：nomor/italic
//字體粗細
font—width：normal正常的/bold粗的/lighter淡的，xid
行高
line-height
####3、css鏈接
a:link未訪問過得鏈接
a:visited已訪問過得鏈接
a:hover當(dāng)鼠標放在鏈接上時
a:active鏈接被點擊的那一刻
若單獨設(shè)置幾個鏈接，必須遵守以下規(guī)則：
a:hover必須跟在link和visited后面
a:active必須跟在hover后面
###C今天沒有掌握什么
1、css列表樣式（針對url）（了解）
list-style:none
list-style-type:circle/square
list-style-image:url(“XXX”)
p{border:1px solid #333}
（1）單獨設(shè)置個邊
p{border-top-style:dotted;
border-right-style:solid}
表格（了解）
border-collapse屬性設(shè)置表格的邊框被折疊成一個單一的邊框
table{border-collapse:collapse}
td,th設(shè)置這兩個屬性
colspan:value //跨行的列
rowspan://跨行的行
