本節簡介:背景顏色,圖片,對齊方式,是否重復,固定背景等屬性設置及編寫規則
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
background-attachment:fixed(背景固定)
背景簡寫 background: no-repeat url() right bottom; 位置可換
background簡寫時,position的X值與Y值不能分離,他們是position值整體的一部分
background: url的屬性,repeat position均在屬于url逗號之前
background-position 這個好像是初級班未涉及到的
背景顏色跟背景圖片樣式可以寫在一起 background:#333 url(images/....ipg) no-repeat;
background-attachment:fix 背景隨圖片滾動
font-size字體大小 line-height行高
backgroun-position:100px 50px 水平方向向右偏移100像素 垂直方向向下偏移50px
backg-position有兩個值,第一個是水平方向,第二個是垂直方向
background-images的優先級比background-color的優先級高
3、background-repeat:no-repeat(repeat;repeat-x;repeat-y分別表示雙軸,單軸重復);<br/>4、background-position:right top(水平位置,垂直位置共9點位置,用于定位圖像位置)<br/>
1、background-color:設置背景顏色;<br/>line-height可以提高行高以增加背景的高度,增加后文字處于中間。<br/>2、backgroud-image:設置背景圖像。<br/>如果背景圖像與背景顏色同時存在,背景圖像將優先于背景顏色,當背景圖像較小時,默認情況下圖像將進行平鋪??梢杂靡韵轮貜头绞娇刂票尘皥D像。
在style中的任意一個類屬性設置中點擊,然后打開窗口菜單的Css設計器,就可以用設計器對各種樣式進行設計。
背景固定:background:url( image es/pic1.jpg)fixed(圖片固定不隨滾動條滾動)
bg-position:后面的兩個值一個是水平位置,一個垂直位置
bg-attachment:固定背景圖,背景圖不會根據背景條滾動而滾動
bg-position:后面的兩個值一個是水平位置,一個垂直位置