Css的背景設(shè)置:
背景簡(jiǎn)寫形式 :官方?jīng)]有提供固定順訊
顏色單位:英語單詞16進(jìn)制rgb() hsl() transparent
background-color:red;
backgroundimage:url("https://photo.tuchong.com/395783/g/20329210.jpg");
background-repeat:no-repeat;
可以設(shè)置像素(支持正負(fù)數(shù))辫红,可以設(shè)置方向和百分比(left=0%,center=50%,right=100%)
background-position:50%;
多背景,多個(gè)屬性用逗號(hào)隔開
background-color:red;
backgroundimage:url("https://photo.tuchong.com/395783/g/20329210.jpg"),url("http://tse1.mm.bing.net/th?id=OIP.IbYQdbyj5ZaYJvDLgS4oYAEYEY&w=300&h=300&p=0&pid=1.7"),url("");
背景設(shè)置:
background-color:transparent;背景顏色為透明
background-image:url()背景圖片設(shè)置
background-repeat: repeat-x | repeat-y |no-reoeat;背景平鋪設(shè)置
background-position: x y;背景定位設(shè)置
background-size:;背景尺寸設(shè)置
float浮動(dòng):
float:left|right|none|inhret
1.設(shè)置float的元素會(huì)脫離文檔流缺猛,往設(shè)置的方向進(jìn)行浮動(dòng)桃焕,直到遇到父級(jí)的邊界或者其他的浮動(dòng)元素就會(huì)停止
2.浮動(dòng)的元素會(huì)脫離文檔流
3.浮動(dòng)的元素?fù)尾婚_父級(jí)的高度
清除浮動(dòng)的方法:
1.給浮動(dòng)元素的父級(jí)設(shè)置高度
2.clear:left | right | both
3.偽類清浮動(dòng)
content:before|after{
??????????? content:””;
?????????? display:block;
????????? clear:both;
}
float屬性對(duì)塊級(jí)元素的影響
1.設(shè)置浮動(dòng)之后,塊級(jí)元素的寬度不再跟隨父級(jí)寬度引镊,而是內(nèi)容決定(內(nèi)容撐開寬度)
2.float元素對(duì)行級(jí)元素的影響
3.可以設(shè)置尺寸以及盒模型