本節簡介:背景顏色,圖片,對齊方式,是否重復,固定背景等屬性設置及編寫規則
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
line-height行高,增加行高,文字上下居中呈現
背景固定:background:url( image es/pic1.jpg)fixed(圖片固定不隨滾動條滾動)
backgrounf-postion:水平/垂直。 注意:垂直方向下是正數,上是負數。
背景固定:bachground:url( images/pic1.jpg)fixed(圖片固定不隨滾動條滾動)
backgrounf-postion:水平/垂直。 注意:垂直方向下是正數,上是負數。
background:#f93; url(images/pic2.jpg no-repeat right botom;) 位移是整體
left center fight top center bottom
.box{ font-size:50px; background:#666;line-height:200px; background-image:url(images/pic2.jpg)}
圖片水平方向:left center right;垂直方向:top,center,bottom;
background-position:一個值是水平方向,二個值是垂直方向
background-attachment:fixed 固定背景;不隨滾動條而滾動
background-attachment:fixed 固定背景;可以這樣寫: background:url(images/pic1.jpg) #000 no-repeat 100px 50px
background-position 圖片位置background-position: right top右上角;background-position:center bottom 垂直