關於CSS學習的第一章

標籤：pos   背景   顏色   大型   ted   項目   位置   外鏈   路徑   

1、CSS三種書寫的方式：嵌入式、外鏈式、行內式

嵌入式就是將CSS寫入在<style></style>

外鏈式將外面的CSS檔案通過HTML中的標記連結過來：<link  rel=”stylesheet”  type=”text/css”  href=”外部CSS檔案的地址” />

行內式：就是將CSS代碼寫在<標記  style=”CSS代碼” />

2、CSS選取器：基本選取器、複合選取器、偽類別選取器、屬性選取器

　　基本選取器又分為：通用選取器、標籤選取器、ID選取器、類別選取器。

　　　　通用選取器：*{聲明語句；聲明語句} 它給HTML中的所有的標記設定樣式，會增加大型網站的負擔，不建議使用。

　　　　標籤選取器：標籤名{聲明語句; 聲明語句;}　　

　　　　類別選取器：.class的屬性值{聲明語句; 聲明語句;} 常用

　　　　ID選取器：#id的屬性值{聲明語句;}

　　複合選取器又分為：組合選取器 ：選取器1,選取器2,選取器3,選取器n{聲明語句；聲明語句}同時去給列表中的選取器來設定樣式

　　　　　　　　　　　後代元素選取器：祖先元素  後代元素{語句1;語句2;}匹配祖元素下面的指定的所有的後代元素設定樣式

　　　　　　　　　　　子項目選取器：父元素 >  子項目{語句1;語句2;}匹配父元素下面的指定的子項目給其設定樣式

　　　　　　　　　　　相鄰元素選取器：E + F{格式聲明語句;}匹配E元素下面的F元素，兩個元素必須是緊挨著

　　偽類別選取器是用來給超級連結的不同狀態來設定樣式：a:link,a:visited{設定超級連結的顏色;去除底線;} 設定訪問前和訪問後的狀態

　　　　　　　　　　　　　　　　　　　　　　　　　　a:hover{設定超級連結的顏色;}設定滑鼠放上的狀態

3、列表樣式屬性：list-style-type  修飾列表前的項目複合 ：none（無）、disc（實心圓）、circle（空心圓）、square（小方塊）

　　　　　　　　list-style-position 設定列表前符號的位置：inside（在裡面）、outside（在外面，預設值）

　　　　　　　　list-style-image 將列表前符號設為圖片：list-style-image：url(圖片路徑)

　　　　　　　　list-style   簡寫屬性：list-style:none  url(圖片路徑)  inside

4、繼承性和優先順序：行內樣式>ID選取器>類別選取器>標籤選取器

5、！important ：提升屬性的權重值無窮大    格式：屬性:屬性值 !important;     IE6瀏覽器不支援

6、背景樣式屬性：background-color設定背景顏色；background-image設定背景圖；，background-repeat設定背景圖片狀態：no-repeat（不平鋪）、repeat-x(水平方向平鋪)、

         repeat-y(垂直方向平鋪)； background-position：水平位置或垂直位置（設定圖片位置） 有3種表達方式：英文單詞、固定值、百分比 ；

        background : 簡寫屬性，可以有多個值，(要給一個元素設定背景顏色和背景圖片 前提條件是這個元素要有高度和寬度或者是內容。

 

關於CSS學習的第一章