摘要：網(wǎng)頁由什么構(gòu)成英文全名百度百科層疊樣式表標準中的表現(xiàn)標準語言表現(xiàn)標準語言在網(wǎng)頁中主要對網(wǎng)頁信息的顯示進行控制，簡單說就是如何修飾網(wǎng)頁信息的顯示樣式。選擇符的權(quán)重中用四位數(shù)字表示權(quán)重，權(quán)重的表達方式如，，，第一等代表內(nèi)聯(lián)樣式，如，權(quán)值為。

英文全名：cascading style sheets(百度百科) === cascading style sheet
層疊樣式表,WEB標準中的表現(xiàn)標準語言,表現(xiàn)標準語言在網(wǎng)頁中主要對網(wǎng)頁信息的顯示進行控制，簡單說就是如何修飾網(wǎng)頁信息的顯示樣式。
目前推薦遵循的是W3C發(fā)布的CSS3.0. 用來表現(xiàn)XHTML或者XML等樣式文件的計算機語言。
1998年5月21日由w3C正式推出的css2.0

A、內(nèi)部樣式

語法：

注：使用style標記創(chuàng)建樣式時，最好將該標記寫在;

B、外部樣式

*方法一：外部樣式表的創(chuàng)建：

說明：
使用link元素導(dǎo)入外部樣式表時，需將該元素寫在文檔頭部，即與之間。
rel（relation）：用于定義文檔關(guān)聯(lián)，表示關(guān)聯(lián)樣式表；
type：定義文檔類型；

*方法二：外部樣式表的導(dǎo)入

注：@和import之間沒有空格 url和小括號之間也沒有空格；必須結(jié)尾以分號結(jié)束；
C、內(nèi)聯(lián)樣式 （行間樣式，行內(nèi)樣式，嵌入式樣式）
語法：<標簽 style="屬性：屬性值;屬性:屬性值;">

差別1：本質(zhì)的差別：link屬于XHTML標簽，而@import完全是CSS提供的一種方式。

差別2：加載順序的差別：當(dāng)一個頁面被加載的時候（就是被瀏覽者瀏覽的時候），link引用的CSS會同時被加載，而@import引用的CSS會等到頁面全部被下載完再被加載。所以有時候瀏覽@import加載CSS的頁面時開始會沒有樣式（就是閃爍），網(wǎng)速慢的時候還挺明顯。

差別3：兼容性的差別：@import是CSS2.1提出的，所以老的瀏覽器不支持，@import只有在IE5以上的才能識別，而link標簽無此問題。

差別4：使用dom(document object model文檔對象模型)控制樣式時的差別：

當(dāng)使用javascript控制dom去改變樣式的時候，只能使用link標簽，因為@import不是dom可以控制的.

A、內(nèi)聯(lián)樣式表的優(yōu)先級別最高

B、內(nèi)部樣式表與外部樣式表的優(yōu)先級和書寫的順序有關(guān)，后書寫的優(yōu)先級別高。

常用的選擇符有十種左右:
類型選擇符，id選擇符，class選擇符，通配符，群組選擇符包含選擇符，偽類選擇符(偽類選擇符CSS中已經(jīng)定義好的選擇器,不能隨便取名)，偽對象選擇符(設(shè)置在對象后發(fā)生的內(nèi)容。用來和content屬性一起使用)

元素選擇符/類型選擇符（element選擇器 )

語法：元素名稱{屬性：屬性值；}

說明：

元素選擇符就是以文檔語言對象類型作為選擇符，即使用結(jié)構(gòu)中元素名稱作為選擇符。例如body、div、p,img,em,strong,span......等。

所有的頁面元素都可以作為選擇符; 

用法：

 1)如果想改變某個元素得默認樣式時，可以使用類型選擇符；
      （如：改變一個div、p、h1樣式）
     
 2) 當(dāng)統(tǒng)一文檔某個元素的顯示效果時，可以使用類型選擇符
         （如：改變文檔所有p段落樣式）

id選擇器

語法：#id名{屬性：屬性值;}
說明：

   A）當(dāng)我們使用id選擇符時，應(yīng)該為每個元素定義一個id屬性
   如：

   
   B）id選擇符的語法格式是“#”加上自定義的id名
   如：#box{width:300px; height:300px;}
   
   C) 起名時要取英文名，不能用關(guān)鍵字：(所有的標記和屬性都是關(guān)鍵字)
   如：head標記
   
   D）一個id名稱只能對應(yīng)文檔中一個具體的元素對象，因為id只能定義頁面中某一個唯一的元素對象。
  
   E) 最大的用處：創(chuàng)建網(wǎng)頁的外圍結(jié)構(gòu)。

class選擇器

語法：.class名{屬性：屬性值;}
說明：

   A）當(dāng)我們使用class選擇符時，應(yīng)先為每個元素定義一個類名稱
   B）class選擇符的語法格式是："如：
"

用法：class選擇符更適合定義一類樣式；

*通配符

語法：*{屬性：屬性值；}
說明：通配選擇符的寫法是“*”，其含義就是所有元素。
用法：常用來重置樣式。

群組選擇器

語法：選擇符1，選擇符2，選擇符3{屬性：屬性值;}
說明：當(dāng)有多個選擇符應(yīng)用相同的樣式時，可以將選擇符用“，”分隔的方式，合并為一組。

包含選擇器

語法：選擇符1 選擇符2{屬性：屬性值;}
說明：選擇符1和選擇符2用空格隔開，含義就是選擇符1中包含的所有選擇符2;
用法：當(dāng)我的元素存在父級元素的時候，我要改變自己本身的樣式，可以不另加選擇符，直接用包含選擇器的方式解決。

7.偽類選擇器(偽類選擇符)

語法 ：
    a:link{屬性：屬性值;}超鏈接的初始狀態(tài);
    a:visited{屬性：屬性值;}超鏈接被訪問后的狀態(tài);
    a:hover{屬性：屬性值;}鼠標懸停，即鼠標劃過超鏈接時的狀態(tài);
    a:active{屬性：屬性值;}超鏈接被激活時的狀態(tài)，即鼠標按下時超鏈接的狀態(tài);
    要讓他們遵守一個愛恨原則LoVe/HAte,也就是Link--visited--hover--active。
說明：
    A）當(dāng)這4個超鏈接偽類選擇符聯(lián)合使用時，應(yīng)注意他們的順序，正常順序為：
    a:link,a:visited,a:hover,a:active,錯誤的順序有時會使超鏈接的樣式失效；
    
    B）為了簡化代碼，可以把偽類選擇符中相同的聲明提出來放在a選擇符中；
    例如：a{color:red;} a:hover{color:green;} 表示超鏈接的三種狀態(tài)都相同，只有鼠標劃過變顏色。 

CSS選擇符的權(quán)重
css中用四位數(shù)字表示權(quán)重，權(quán)重的表達方式如：0，0，0，0
第一等：代表內(nèi)聯(lián)樣式，如: style=””，權(quán)值為1000。
第二等：代表ID選擇器，如：#content，權(quán)值為0100。
第三等：代表類，偽類和屬性選擇器，如.content，權(quán)值為0010。
第四等：代表類型選擇器和偽元素選擇器，如div p，權(quán)值為0001。
通配符、子選擇器、相鄰選擇器等的。如*、>、+,權(quán)值為0000。

繼承的樣式?jīng)]有權(quán)值。

   * 當(dāng)不同選擇符的樣式設(shè)置有沖突的時候，高權(quán)重選擇 符的樣式會覆蓋低權(quán)重選擇符的樣式。
       例如：b .demo的權(quán)重是1+10=11
       .demo的權(quán)重是10
       所以經(jīng)常會發(fā)生.demo的樣式失效
  
   * 相同權(quán)重的選擇符，樣式遵循就近原則：哪個選擇符最后定義，就采用哪個選擇符樣式。 （注意：是css樣式中定義該選擇符的先后，而不是html中使用先后）

浮動屬性的簡單應(yīng)用

語法：float:none/left/right;
float:定義網(wǎng)頁中其它文本如何環(huán)繞該元素顯示
浮動的目的：就是讓豎著的東西橫著來
有三個取值：

   left:元素活動浮動在文本左面
   right:元素浮動在右面
   none:默認值，不浮動。

頁面中的注釋

Html注釋
   
css的注釋
   /* 我是css的注釋 */