CSS基礎
1、css簡介
cascading style sheets????漢譯層疊樣式表,WEB標準中的表現(xiàn)標準語言,表現(xiàn)標準語言在網頁中主要對網頁信息的顯示進行控制，簡單說就是如何修飾網頁信息的顯示樣式。
目前推薦遵循的是W3C發(fā)布的CSS3.0
1996年由w3C正式推出的css1.
1998年由w3C正式推出的css2.
用來表現(xiàn)XHTML或者XML等樣式文件的計算機語言 。
div{width:500px; background:yellow; height:100px; }
2、CSS語法
選擇符{屬性：屬性值；屬性：屬性值；}
說明：
1）每個CSS樣式由兩部分組成，即選擇符和聲明，聲明又分為屬性和屬性值；
2）屬性必須放在花括號中，屬性與屬性值用冒號連接。
3）每條聲明用分號結束。
4）當一個屬性有多個屬性值的時候，屬性值與屬性值不分先后順序。
5）在書寫樣式過程中，空格、換行等操作不影響屬性顯示。
3、樣式的建立:內部樣式 ??外部樣式??和內聯(lián)樣式
內部樣式 ?：
語法：
/*css語句*/
注：使用style標記創(chuàng)建樣式時，最好將該標記寫在;
4、外部樣式的建立及調用
a:外部樣式表的創(chuàng)建
b:外部樣式表的導入
*方法 一
說明：使用link元素導入外部樣式表時，需將該元素寫在文檔頭部，即與之間。
*方法二
@import url(目標文件的路徑及文件名全稱);
注：@和import之間沒有空格 url和小括號之間也沒有空格；必須結尾以分號結束；
*link和import導入外部樣式的區(qū)別：
差別1：本質的差別：link屬于XHTML標簽，而@import完全是CSS提供的一種方式。 link標簽除了可以加載CSS外，還可以做很多其它的事情，比如定義RSS，定義rel連接屬性等，@import就只能加載CSS。
差別2：加載順序的差別：當一個頁面被加載的時候（就是被瀏覽者瀏覽的時候），link引用的CSS會同時被加載，而@import引用的CSS 會等到頁面全部被下載完再被加載。所以有時候瀏覽@import加載CSS的頁面時開始會沒有樣式。
差別3：兼容性的差別。：@import是CSS2.1提出的，所以老的瀏覽器不支持，@import只在IE5以上的才能識識別，而link標簽無此問題。
差別4：使用dom控制樣式時的差別：當使用javascript控制dom去改變樣式的時候，只能使用link標簽，因為@import不是dom可以控制的.
3) 內聯(lián)樣式表（行間樣式，行內樣式，嵌入式樣式）
語法：<標簽??? style="屬性：屬性值;屬性:屬性值;">
4）樣式表的作用域
行內樣式的作用域是當前標簽，內部樣式的作用域 是當前文件，外部樣式表的作用域是有關聯(lián)的所有文件。
4、樣式表的優(yōu)先級
內聯(lián)樣式表的優(yōu)先級別最高
內部樣式表與外部樣式表的優(yōu)先級和書寫的順序有關，后書寫的優(yōu)先級別高。
5、CSS選擇符（選擇器）
選擇符表示要定義樣式的對象，可以是元素本身，也可以是一類元素或者制定名稱的元素.
常用的選擇符有十種左右
類型選擇符，id選擇符，class選擇符，通配符，群組選擇符，包包含選擇符，偽類選擇符，偽對象選擇符。
1）?元素選擇符/類型選擇符（element選擇器)
語法：元素名稱{屬性：屬性值；}
說明：
a)元素選擇符就是以文檔語言對象類型作為選擇符，即使用結構中元素名稱作為選擇符。例如body、div、p,img,em,strong,span......等。
b)所有的頁面元素都可以作為選擇符;
用法：
1)如果想改變某個元素得默認樣式時，可以使用類型選擇符；
2) 當統(tǒng)一文檔某個元素的顯示效果時，可以使用類型選擇符；
2) id選擇器
語法：#id名{屬性：屬性值;}
說明：
1）當我們使用id選擇符時，應該為每個元素定義一個id屬性，
如：
2）id選擇符的語法格式是“#”加上自定義的id名
如：#box{width:300px; height:300px;}
3) ?起名時要取英文名，不能用關鍵字：(所有的標記和屬性都是關鍵字)
如：head標記
4）一個id名稱只能對應文檔中一個具體的元素對象，因為id只能定義頁面中某一個唯一的元素對象。
5)???最大的用處：創(chuàng)建網頁的外圍結構
3）class選擇器/class選擇符
語法：.class名{屬性：屬性值;}
說明：
1）當我們使用類選擇符時，應先為每個元素定義一個類名稱，
??????類選擇符的語法格式是："如：
"用法：class選擇符更適合定義一類樣式；
4）群組選擇器
語法：選擇符1，選擇符2，選擇符3......{屬性：屬性值;}
說明：當有多個選擇符應用相同的樣式時，可以將選擇符用“，”分隔的方式，合并為一組。
5） 包含選擇器
語法：選擇符1 ???選擇符2{屬性：屬性值;}
說明：選擇符1和選擇符2用空格隔開，含義就是選擇符1中包含的所有選擇符2;
選擇符{margin:0 auto;}元素居中
6） 偽類選擇器(偽類選擇符)
語法 ：
a:link{屬性：屬性值;}超鏈接的初始狀態(tài);
a:visited{屬性：屬性值;}超鏈接被訪問后的狀態(tài);
a:hover{屬性：屬性值;}鼠標劃過超鏈接時的狀態(tài);
a:active{屬性：屬性值;}即鼠標按下時超鏈接的狀態(tài);
說明：
1）當這4個超鏈接偽類選擇符聯(lián)合使用時，應注意他們的順序，正常順序為：
a:link,a:visited,a:hover,a:active,錯誤的順序有時會使超鏈接的樣式失效；
2）為了簡化代碼，可以把偽類選擇符中相同的聲明提出來放在a選擇符中；
例如：a{color:red;} ????a:hover{color:green;} 表示超鏈接的三種狀態(tài)都相同，只有鼠標劃過變顏色。?
7)*通配符
語法：*{屬性：屬性值；}
說明：通配選擇符的寫法是“*”，其含義就是所有元素。
用法：常用來重置樣式。
*{margin:0; padding:0}將所有元素的邊界值和填充值清0。
二、選擇符的權重
css中用四位數字表示權重，權重的表達方式如：0，0，0，0
類型選擇符的權重為0001
class選擇符的權重為0010
id選擇符的權重為0100
子選擇符的權重為0000
屬性選擇符的權重為0010
偽類選擇符的權重為0010
偽元素選擇符的權重為0010
包含選擇符的權重：為包含選擇符的權重之和
內聯(lián)樣式的權重為1000
繼承樣式的權重為0000
六、html的注釋
css的注釋
/*-----------------注釋內容--------------------*/
