在css樣式中選擇符

id選擇符的命名是唯一的，當把多個id選擇符寫在一起稱為群組，用#來表示。

class選擇符，可以重複使用同一命名，用.（點）來表示。class=“hyy  hyy1”表示同時擁有兩個樣式。

標籤型別選擇符，根據標籤來設定樣式。

包含選擇符   div p 表示div裡面的所有的p標籤。

萬用字元 *，代表頁面的所有元素。

樣式優先順序

同級樣式，預設後者覆蓋前者。（在樣式中，樣式名字的優先順序不影響樣式的優先順序，優先順序和樣式表的書寫順序有關）

型別選擇符<class選擇符<id選擇符<行間樣式<js

a標籤的四個偽類，偽類用於向北選中元素新增特殊效果

link  未訪問（預設）

hover  滑鼠懸停(滑鼠滑過)

active  連結啟用（滑鼠按下）

visited  訪問過後（點選過後）

四個偽類的順序：

link  visited hover  active(love hate  )  如果不按順序寫，四個偽類的作用將不會持續觸發

IE6不支援a以外的其他標籤的的偽類

IE6以上的瀏覽器支援所有標籤的hover偽類

去掉標籤的預設邊距(預設樣式重置)，也稱css reset;

body,p,h1,h2,h3,h4,h5,h6,dl,dt{margin:0; font-size:12px}

ol,ul{list-style:none;padding:0;margin:0}

a{text-decoration:none;}

img{border:none;}

內聯、也稱內嵌、也稱行內屬性標籤

特點：（1）元素不換行顯示，預設可以繼續跟同類型標籤

           （2）內容撐開寬度

           （3）不支援給元素設定寬高，換句話說，就算設定了寬高也沒有效果

            （4）不支援上下的margin和padding,只支援左右方向的margin和padding

            （5）程式碼換行被解析。

屬於內聯標籤的元素有：

a，span,strong,em,

塊屬性標籤

特點：（1）預設元素獨佔一行顯示

           （2）當沒有設定元素寬度時，預設撐滿一行

          （3）支援所有的css樣式。

屬於塊屬性標籤的元素有：

div,p,ol,dl,h1~h6,dl,

display：block;可將內聯元素變為塊元素，dispaly：inline；可將塊元素變為內聯元素。

imgj既不是內嵌也不是塊元素，屬於inline-block（行內的塊）；

display:inline-block;的特點：

   （1）可以讓內聯元素支援寬高的設定，可以讓塊元素在一行顯示

     (2)沒有設定寬度的時候內容撐開寬度。

網頁中空格的間隙為文字大小的一半。

存在的問題：（1）程式碼換行被解析

                      （2）IE6和IE7不支援塊屬性的inline-block;而內聯元素時支援的

cursor:text;將游標型別變成文字線，cursor:pointer;將游標型別變成手，

cursor:url(hand.cur),pointer;將游標設定為圖片，如果圖片不存在則設定為pointer，游標圖片支援·png、·jpg等格式，但最好為.cur格式，因為其他格式的存在相容性問題。

&nbsp表示空格

<abbr  title="Hypertext  Markup Language">html</abbr> 該標籤用來定義縮寫 ，text裡面是縮寫內容的全稱。當滑鼠放上這個文字上面時，會提示文字的全稱資訊。

<cite>啦啦</cite>表示引用

前段書寫規範：

（1）所有書寫應該在英文半形下的小寫

（2）id,class必須以字母開頭

（3）所有標籤必須閉合

（4）html標籤用tab鍵縮排

（5）屬性值必須帶引號

（6）<!-- html註釋 -->

（7）/*  css註釋  */

（8）ul、li/ ol、li/dl、dt、dd擁有父子級的標籤，不能巢狀別的標籤

（9）p,dt,h標籤不能巢狀塊屬性標籤

（10）a標籤不能巢狀a標籤

（11）內聯元素不能巢狀塊元素