web前端-基礎篇

該篇僅是本人學習前端時，作的備忘筆記：

1、背景圖片設置：

　　設置背景圖時的css代碼：background-image:url(圖片的url路徑);

　　ps：設置好這個背景後請必定要設置該背景圖片的大小和該背景圖片的顯示區域，css樣式設置以下：

        e.g.   background-size:36px 36px;

                 width:18px;height:18px;

　　不設置的話，出現的狀況就是隻有該內容區域有內容時，纔會出現背景圖片；

　　背景圖片的平鋪css樣式：background-repeat:repeat/no-repeat/repeat-x/repeat-y;

　　背景圖片的定位:background-position:　 

　　　　　取值 1.x y 以px爲單位的數字，定義x軸和y軸的位置

     　　      　　2.x% y%  

     　　　  　　3.x 或者 x%,不寫y，默認y爲50%

     　　     　　4.關鍵字 x：left/center/right  y:top/center/bottom

　　背景圖片的固定

 

　　　　background-attachment:

 

　　　　取值：1.scroll 默認值，背景圖定位以容器爲準

 

              　　　　背景圖會隨着頁面滾動條滾動而變化

 

      　　    　　2. fixed 固定，背景圖定位以body爲準

 

              　　　　頁面的滾動條，滾動，背景圖不會隨着發生位置變化

 

              　　　　可是，只能在本容器區域內顯示