1.css優先權
2.屬性選擇器
屬性選擇器：可以為擁有指定屬性的html元素設定樣式，而不僅限於class 和id
而且只有在規定了時，ie7和ie8才支援屬性選擇器。在ie6及更早更低的瀏覽器版本中，不支援屬性選擇器。
① e[attr] 只使用屬性名稱，但沒有確定任何屬性值
② e[attr="value"]指定屬性名稱，並自定該屬性的屬性值
③e[attr~="value"] 指定屬性名稱，並具有屬性值，並且該屬性值是乙個詞列表，每個屬性值以空格隔開，同時在在使用該選擇器時，屬性名稱前面的「~」不可不寫
④e[attr^="value"]指定了屬性名稱，並且擁有屬性值，屬性值並以value開頭
⑤e[attr$="value"]指定屬性名稱，並且用有屬性值，而且該屬性值以value結尾
⑥e[attr*="value"]指定屬性名稱，並且擁有屬性值，屬性值中包含value值·
⑦e[attr|="value"]指定屬性值，並且該屬性值為value 或者以「value-」開頭
3.結構性偽類選擇器
e:nth-chid(n)標識父級e下的第n個節點
更強大的用法：
e:nth-chid(odd) //匹配基數行
e:nth-chid(eveven) //匹配偶數行
e:nth-chid(2n) //匹配基數行
e:nth-last-chid(n) //表示父級元素e的第n個節點,從後往前計算
e:nth-last-of-type(n)//表示父級元素e的第n個節點，而且型別為e，同時由後往前計算
e:empty //表示e元素中沒有子節點。注意：包含文字節點
e:first-child 表示e元素中的第乙個子節點
e:last-child 表示e元素中的最後乙個
e:first-of-type 表示e元素中的第乙個子節點，而且型別為e
e:last-of-type 表示e元素下的最後乙個子節點，二期型別為e
e:only-child 表示e元素中只有乙個子節點，：子節點不包含文字節點
e:only-of-type 表示e元素中只有乙個子節點，而且型別必須是e
p標籤實現自動換行
word-break:normal;
white-space:pre-warp;
word-wrap:break-word;
在恰當的斷字點進行換行。有三個值：normal(使用瀏覽器預設的換行規則)、break-all(允許單詞內換行)、keep-all(只能在半形空格或連字元處換行)
2.white-space屬性：
white-space屬性設定如何處理元素內的空白。
這個屬性宣告建立布局中如何處理元素中的空白字元，有六個值：normal(預設。空白會被忽略)、pre(空白會被瀏覽器保留。其行為方式類似html**中的標籤)、
nowrap（文字不會換行，文字會在同一行上繼續，直到遇到
標籤為止）、pre-wrap（保留空白符序列，但是正常的換行）、pre-line（合併空白符序列，但是保留空白 符）、inherit（規定應該從父元素繼承white-space屬性的值）;
3.word-wrap屬性：
CSS常用知識
css格式 p其中，p為選擇器，選擇器包括 html元素 id class 外部樣式，引入css檔案 內部樣式 內聯樣式 love you 樣式優先順序 內聯樣式 內部樣式 外部樣式 瀏覽器預設 樣式屬性 背景background image url jpg background repeat re...
常用的CSS知識
常用的css知識 by 又見花開 發表於 2006 9 18 11 36 00 1.block和inline元素對比 所有的html元素都屬於block和inline之一。block元素的特點是 總是在新行上開始 高度，行高以及頂和底邊距都可控制 寬度預設是它的容器的100 除非設定乙個寬度 然後分...
CSS基礎知識（高階技術）
css使用者介面樣式 溢位的文字省略號顯示 css精靈技術 sprite display 設定或檢索物件是否及如何顯示 語法 display none 隱藏物件 display block 除了轉換為塊級元素之外，同時還有顯示元素的意思 特點隱藏之後，不再保留位置 設定或檢索是否顯示物件 語法 vi...