下表是對這些選擇器的簡單總結：
型別描述
[abc^=「def」]
選擇 abc 屬性值以 「def」 開頭的所有元素
[abc$=「def」]
選擇 abc 屬性值以 「def」 結尾的所有元素
[abc*=「def」]
選擇 abc 屬性值中包含子串 「def」 的所有元素
可以想到，這些選擇有很多用途。
a[href*="w3school.com.cn"]屬性描述
css:active
向被啟用的元素新增樣式。
1:focus
向擁有鍵盤輸入焦點的元素新增樣式。
2:hover
當滑鼠懸浮在元素上方時，向元素新增樣式。
1:link
向未被訪問的鏈結新增樣式。
1:visited
向已被訪問的鏈結新增樣式。
1:first-child
向元素的第乙個子元素新增樣式。
2:lang
向帶有指定 lang 屬性的元素新增樣式。
2
some text
some text
屬性描述
css:first-letter
向文字的第乙個字母新增特殊樣式。
1:first-line
向文字的首行新增特殊樣式。
1:before
在元素之前新增內容。
2:after
在元素之後新增內容。
2css 尺寸屬性允許你控制元素的高度和寬度。同樣，還允許你增加行間距。
屬性描述
height
設定元素的高度。
line-height
設定行高。
max-height
設定元素的最大高度。
max-width
設定元素的最大寬度。
min-height
設定元素的最小高度。
min-width
設定元素的最小寬度。
width
設定元素的寬度。
css 分類屬性允許你控制如何顯示元素，設定影象顯示於另一元素中的何處，相對於其正常位置來定位元素，使用絕對值來定位元素，以及元素的可見度。
屬性描述
clear
設定乙個元素的側面是否允許其他的浮動元素。
cursor
規定當指向某元素之上時顯示的指標型別。
display
設定是否及如何顯示元素。
float
定義元素在哪個方向浮動。
position
把元素放置到乙個靜態的、相對的、絕對的、或固定的位置中。
visibility
設定元素是否可見或不可見。
css cursor 屬性值描述
url需使用的自定義游標的 url。注釋：請在此列表的末端始終定義一種普通的游標，以防沒有由 url 定義的可用游標。
default
預設游標（通常是乙個箭頭）
auto
預設。瀏覽器設定的游標。
crosshair
游標呈現為十字線。
pointer
游標呈現為指示鏈結的指標（乙隻手）
move
此游標指示某物件可被移動。
e-resize
此游標指示矩形框的邊緣可被向右（東）移動。
ne-resize
此游標指示矩形框的邊緣可被向上及向右移動（北/東）。
nw-resize
此游標指示矩形框的邊緣可被向上及向左移動（北/西）。
n-resize
此游標指示矩形框的邊緣可被向上（北）移動。
se-resize
此游標指示矩形框的邊緣可被向下及向右移動（南/東）。
sw-resize
此游標指示矩形框的邊緣可被向下及向左移動（南/西）。
s-resize
此游標指示矩形框的邊緣可被向下移動（南）。
w-resize
此游標指示矩形框的邊緣可被向左移動（西）。
text
此游標指示文字。
wait
此游標指示程式正忙（通常是乙隻表或沙漏）。
help
此游標指示可用的幫助（通常是乙個問號或乙個氣球）。
請把滑鼠移動到單詞上，可以看到滑鼠指標發生變化：
auto
crosshair
default
pointer
move
e-resize
ne-resize
nw-resize
n-resize
se-resize
sw-resize
s-resize
w-resize
text
wait
help
visible
預設值。元素是可見的。
hidden
元素是不可見的。
collapse
當在**元素中使用時，此值可刪除一行或一列，但是它不會影響**的布局。被行或列佔據的空間會留給其他內容使用。如果此值被用在其他的元素上，會呈現為 「hidden」。
inherit
規定應該從父元素繼承 visibility 屬性的值。
css display 屬性值描述
none
此元素不會被顯示。
block
此元素將顯示為塊級元素，此元素前後會帶有換行符。
inline
預設。此元素會被顯示為內聯元素，元素前後沒有換行符。
inline-block
行內塊元素。（css2.1 新增的值）
list-item
此元素會作為列表顯示。
run-in
此元素會根據上下文作為塊級元素或內聯元素顯示。
compact
css 中有值 compact，不過由於缺乏廣泛支援，已經從 css2.1 中刪除。
marker
css 中有值 marker，不過由於缺乏廣泛支援，已經從 css2.1 中刪除。
table
此元素會作為塊級**來顯示，**前後帶有換行符。
inline-table
此元素會作為內聯**來顯示，**前後沒有換行符。
table-row-group
此元素會作為乙個或多個行的分組來顯示
table-header-group
此元素會作為乙個或多個行的分組來顯示
table-footer-group
此元素會作為乙個或多個行的分組來顯示
table-row
此元素會作為乙個**行顯示
table-column-group
此元素會作為乙個或多個列的分組來顯示
table-column
此元素會作為乙個單元格列顯示
table-cell
此元素會作為乙個**單元格顯示（類似 td 和 th）
table-caption
此元素會作為乙個**標題顯示（類似 caption）
inherit
規定應該從父元素繼承 display 屬性的值。
CSS 基礎筆記（二）
一 浮動 css的浮動是乙個非常有用的工具，我們可以通過使用float屬性設定浮動的方向 float left float right 設定過浮動的元素會自動聚攏，關於浮動，推薦一篇寫的很詳細的部落格 二 css框模型 元素框的最內部分是實際內容，padding 屬性定義元素的內邊距 腎7plus ...
css基礎學習筆記（二）
一 css背景 背景色p p 背景色從元素中的文字向外少有延伸，只需增加一些內邊距 背景影象 body p.flower 背景重複 body 背景定位 關鍵字 top bottom left right 和 center，通常成對使用，預設為center p百分數值 影象中心與其元素的中心對齊。換句...
css 基礎筆記
css 樣式的兩種引用方式 1.body h1,h22.attention用粗體顯示所有class屬性為 attention 的標記。3.聯合使用 p.attention 表示在p中有class attention 屬性時除了用粗體顯示以外，還應該用紅色顯示。4.除了class以外還用應用在指定id...