一、列表類屬性： 1.列表符號樣式： list-style-type:disc(實心圓)|circle(空心圓)|square(實心方塊)|decimal(數字)|none(去掉列表符號樣式); 2.使用圖片作為列表符號： list-style-image:url(圖片路徑); 3.列表符號位置： ...
一、列表類屬性：
1.列表符號樣式：
list-style-type:disc(實心圓)|circle(空心圓)|square(實心方塊)|decimal(數字)|none(去掉列表符號樣式);
2.使用圖片作為列表符號：
list-style-image:url(圖片路徑);
3.列表符號位置：
list-style-position:outside(預設值，在外邊)|inside(在裡邊);
4.去掉列表符號樣式：
list-style:none;
常用寫法： ol,ul{list-style:none;}
二、背景類屬性：
1.背景顏色：
background-color:顏色值;
註：顏色值設置方法同字體顏色
2.背景圖片：
background-image:url(背景圖片路徑);
註：網頁中常見的兩種圖片：img標簽引入圖片和背景圖片
a）網頁中常進行更換的數據型圖片使用img標簽插入
b) 用來裝飾網頁，不需要經常更換的圖片使用背景圖插入
c) 我們可以在背景圖上顯示任何的文本，圖片
3.背景圖平鋪屬性：
background-repeat:no-repeat(不平鋪)|repeat(平鋪)|repeat-x(橫向平鋪)|repeat-y(縱向平鋪);
4.背景圖位置：
background-position:left|center|right|數值 top|center|bottom|數值;
註：a）第一個值代表水平方向，第二個值代表垂直方向
b)當兩個值都為center時，可以省略第二個值
c)當設置為數值時，水平方向向右為正值，向左為負值，垂直方向向下為正值，向上為負值
5.背景屬性簡寫方式：
background:背景色 背景圖 背景平鋪屬性 背景圖位置;
eg: background:#f00 url(1.jpg) repeat-x left center;
6.背景圖固定：
background-attachment:scroll(預設值)|fixed(固定);
註：當頁面出現滾動條時，背景圖不跟隨滾動條滾動，設置為fixed
7.背景圖顯示原則：
（a）當容器尺寸等於背景圖尺寸時，背景圖正好顯示在容器中
（b）當容器尺寸大於背景圖尺寸時，背景圖預設平鋪，直至鋪滿整個容器
（c）當容器尺寸小於背景圖尺寸時，背景圖只能顯示容器範圍以內的部分
8.網頁中常見的圖片格式：
a）jpg:適用於色彩數量比較豐富的圖片，像素點越多越清晰
b) gif:支持動畫，支持透明
c) png:支持透明
