1、background相關(guān):
屬性
描述
background
簡(jiǎn)寫屬性,作用是將背景屬性設(shè)置在一個(gè)聲明中。
background-attachment
背景圖像是否固定或者隨著頁(yè)面的其余部分滾動(dòng)。
background-color
設(shè)置元素的背景顏色。
background-image
把圖像設(shè)置為背景。
background-position
設(shè)置背景圖像的起始位置。
background-repeat
設(shè)置背景圖像是否及如何重復(fù)。
(1)background
background-color:
值
描述
color_name
規(guī)定顏色值為顏色名稱的背景顏色(比如 red)。
hex_number
規(guī)定顏色值為十六進(jìn)制值的背景顏色(比如 #ff0000)。
rgb_number
規(guī)定顏色值為 rgb 代碼的背景顏色(比如 rgb(255,0,0))。
transparent
默認(rèn)。背景顏色為透明。
inherit
規(guī)定應(yīng)該從父元素繼承 background-color 屬性的設(shè)置。
background-image :
值
描述
url('URL')
指向圖像的路徑。
none
默認(rèn)值。不顯示背景圖像。
inherit
規(guī)定應(yīng)該從父元素繼承 background-image 屬性的設(shè)置。
background-repeat :
repeat | 默認(rèn)。背景圖像將在垂直方向和水平方向重復(fù)。 |
repeat-x | 背景圖像將在水平方向重復(fù)。 |
repeat-y | 背景圖像將在垂直方向重復(fù)。 |
no-repeat | 背景圖像將僅顯示一次。 |
background-position :center top buttom right left XX% XX%
值
描述
- top left
- top center
- top right
- center left
- center center
- center right
- bottom left
- bottom center
- bottom right
如果您僅規(guī)定了一個(gè)關(guān)鍵詞,那么第二個(gè)值將是"center"。
默認(rèn)值:0% 0%。
x% y%
第一個(gè)值是水平位置,第二個(gè)值是垂直位置。
左上角是 0% 0%。右下角是 100% 100%。
如果您僅規(guī)定了一個(gè)值,另一個(gè)值將是 50%。
xpos ypos
第一個(gè)值是水平位置,第二個(gè)值是垂直位置。
左上角是 0 0。單位是像素 (0px 0px) 或任何其他的 CSS 單位。
如果您僅規(guī)定了一個(gè)值,另一個(gè)值將是50%。
您可以混合使用 % 和 position 值。
background-attachment: fixed
2、文本相關(guān)
text-indent :縮進(jìn)元素中的首行文本。
值
描述
length
定義固定的縮進(jìn)。默認(rèn)值:0。
%
定義基于父元素寬度的百分比的縮進(jìn)。
text-align: 文本對(duì)應(yīng)方式
您可能會(huì)認(rèn)為 text-align:center 與 <CENTER> 元素的作用一樣,但實(shí)際上二者大不相同。
<CENTER> 不僅影響文本,還會(huì)把整個(gè)元素居中。text-align 不會(huì)控制元素的對(duì)齊,而只影響內(nèi)部?jī)?nèi)容。元素本身不會(huì)從一段移到另一端,只是其中的文本受影響。
值
描述
left
把文本排列到左邊。默認(rèn)值:由瀏覽器決定。
right
把文本排列到右邊。
center
把文本排列到中間。
justify
實(shí)現(xiàn)兩端對(duì)齊文本效果。
word-spacing :以改變字(單詞)之間的標(biāo)準(zhǔn)間隔
值
描述
normal
默認(rèn)。定義單詞間的標(biāo)準(zhǔn)空間。
length
定義單詞間的固定空間。
letter-spacing:改變字母之間的距離
值
描述
normal
默認(rèn)。定義字符間的標(biāo)準(zhǔn)空間。
length
定義字符間的固定空間。
text-transform:處理文本的大小寫
值
描述
none
默認(rèn)。定義帶有小寫字母和大寫字母的標(biāo)準(zhǔn)的文本。
capitalize
文本中的每個(gè)單詞以大寫字母開頭。
uppercase
定義僅有大寫字母。
lowercase
定義無(wú)大寫字母,僅有小寫字母。
text-decoration :
值
描述
none
默認(rèn)。定義標(biāo)準(zhǔn)的文本。
underline
定義文本下的一條線。
overline
定義文本上的一條線。
line-through
定義穿過(guò)文本下的一條線。
blink
定義閃爍的文本(無(wú)法運(yùn)行在 IE 和 Opera 中)。
white-space :
值
描述
normal
默認(rèn)。空白會(huì)被瀏覽器忽略。
pre
空白會(huì)被瀏覽器保留。其行為方式類似 HTML 中的 <pre> 標(biāo)簽。
nowrap
文本不會(huì)換行,文本會(huì)在在同一行上繼續(xù),直到遇到 <br> 標(biāo)簽為止。
pre-wrap
保留空白符序列,但是正常地進(jìn)行換行。
pre-line
合并空白符序列,但是保留換行符。
值 | 空白 | 換行 | 自動(dòng)換行 |
pre-line | 合并 | 保留 | 允許 |
normal | 合并 | 忽略 | 允許 |
nowrap | 合并 | 忽略 | 不允許 |
pre | 保留 | 保留 | 不允許 |
pre-wrap | 保留
| 保留 | 允許 |
direction :文本的方向?qū)傩?/p>
ltr
默認(rèn)。文本方向從左到右。
rtl
文本方向從右到左。
屬性
描述
color
設(shè)置文本顏色
direction
設(shè)置文本方向。
line-height
設(shè)置行高。
letter-spacing
設(shè)置字符間距。
text-align
對(duì)齊元素中的文本。
text-decoration
向文本添加修飾。
text-indent
縮進(jìn)元素中文本的首行。
text-shadow
設(shè)置文本陰影。CSS2 包含該屬性,但是 CSS2.1 沒有保留該屬性。
text-transform
控制元素中的字母。
unicode-bidi
設(shè)置文本方向。
white-space
設(shè)置元素中空白的處理方式。
word-spacing
設(shè)置字間距。
3、CSS字體相關(guān)
font
簡(jiǎn)寫屬性。作用是把所有針對(duì)字體的屬性設(shè)置在一個(gè)聲明中。
font-family
設(shè)置字體系列。
font-size
設(shè)置字體的尺寸。
font-size-adjust
當(dāng)首選字體不可用時(shí),對(duì)替換字體進(jìn)行智能縮放。(CSS2.1 已刪除該屬性。)
font-stretch
對(duì)字體進(jìn)行水平拉伸。(CSS2.1 已刪除該屬性。)
font-style
設(shè)置字體風(fēng)格。
font-variant
以小型大寫字體或者正常字體顯示文本。
font-weight
設(shè)置字體的粗細(xì)。
CSS 列表屬性(list)
屬性
描述
list-style
簡(jiǎn)寫屬性。用于把所有用于列表的屬性設(shè)置于一個(gè)聲明中。
list-style-image
將圖象設(shè)置為列表項(xiàng)標(biāo)志。
- url
圖像的路徑。 - none
默認(rèn)。無(wú)圖形被顯示。
list-style-position
設(shè)置列表中列表項(xiàng)標(biāo)志的位置。
- inside
列表項(xiàng)目標(biāo)記放置在文本以內(nèi),且環(huán)繞文本根據(jù)標(biāo)記對(duì)齊。 - outside
默認(rèn)。保持標(biāo)記位于文本的左側(cè)。列表項(xiàng)目標(biāo)記放置在文本以外,且環(huán)繞文本不根據(jù)標(biāo)記對(duì)齊。
list-style-type
設(shè)置列表項(xiàng)標(biāo)志的類型。
- none
無(wú)標(biāo)記。 - disc
默認(rèn)。標(biāo)記是實(shí)心圓。 - circle
標(biāo)記是空心圓。 - square
標(biāo)記是實(shí)心方塊。 - decimal
標(biāo)記是數(shù)字。 - decimal-leading-zero
0開頭的數(shù)字標(biāo)記。(01, 02, 03, 等。) - lower-roman
小寫羅馬數(shù)字(i, ii, iii, iv, v, 等。) - upper-roman
大寫羅馬數(shù)字(I, II, III, IV, V, 等。) - lower-alpha
小寫英文字母The marker is lower-alpha (a, b, c, d, e, 等。) - upper-alpha
大寫英文字母The marker is upper-alpha (A, B, C, D, E, 等。) - lower-greek
小寫希臘字母(alpha, beta, gamma, 等。) - lower-latin
小寫拉丁字母(a, b, c, d, e, 等。) - upper-latin
大寫拉丁字母(A, B, C, D, E, 等。) - hebrew
傳統(tǒng)的希伯來(lái)編號(hào)方式 - armenian
傳統(tǒng)的亞美尼亞編號(hào)方式 - georgian
傳統(tǒng)的喬治亞編號(hào)方式(an, ban, gan, 等。) - cjk-ideographic
簡(jiǎn)單的表意數(shù)字 - hiragana
標(biāo)記是:a, i, u, e, o, ka, ki, 等。(日文片假名) - katakana
標(biāo)記是:A, I, U, E, O, KA, KI, 等。(日文片假名) - hiragana-iroha
標(biāo)記是:i, ro, ha, ni, ho, he, to, 等。(日文片假名) - katakana-iroha
標(biāo)記是:I, RO, HA, NI, HO, HE, TO, 等。(日文片假名)
marker-offset
CSS Table 屬性
CSS 表格屬性允許你設(shè)置表格的布局。(請(qǐng)注意,本節(jié)介紹的不是如何使用表來(lái)建立布局,而是要介紹 CSS 中表本身如何布局。)
屬性
描述
border-collapse
設(shè)置是否把表格邊框合并為單一的邊框。
caption-side
設(shè)置表格標(biāo)題的位置。
table-layout
設(shè)置顯示單元、行和列的算法。
CSS 邊框?qū)傩?/h4>
"CSS" 列中的數(shù)字指示哪個(gè) CSS 版本定義了該屬性。
輪廓(outline)是繪制于元素周圍的一條線,位于邊框邊緣的外圍,可起到突出元素的作用。
CSS outline 屬性規(guī)定元素輪廓的樣式、顏色和寬度。
outline
在一個(gè)聲明中設(shè)置所有的輪廓屬性。
2
outline-color
設(shè)置輪廓的顏色。
2
outline-style
設(shè)置輪廓的樣式。
2
outline-width
設(shè)置輪廓的寬度。
2
CSS 框模型概述
CSS 框模型 (Box Model) 規(guī)定了元素框處理元素內(nèi)容、內(nèi)邊距、邊框 和 外邊距 的方式。
- element : 元素。
- padding : 內(nèi)邊距,也有資料將其翻譯為填充。
- border : 邊框。
- margin : 外邊距,也有資料將其翻譯為空白或空白邊。
CSS 內(nèi)邊距屬性
屬性
描述
padding
簡(jiǎn)寫屬性。作用是在一個(gè)聲明中設(shè)置元素的所內(nèi)邊距屬性。
padding-bottom
設(shè)置元素的下內(nèi)邊距。
padding-left
設(shè)置元素的左內(nèi)邊距。
padding-right
設(shè)置元素的右內(nèi)邊距。
padding-top
設(shè)置元素的上內(nèi)邊距。
CSS 邊框?qū)傩?/h4>
屬性
描述
border
簡(jiǎn)寫屬性,用于把針對(duì)四個(gè)邊的屬性設(shè)置在一個(gè)聲明。
border-style
用于設(shè)置元素所有邊框的樣式,或者單獨(dú)地為各邊設(shè)置邊框樣式。
- none
定義無(wú)邊框。 - hidden
與 "none" 相同。不過(guò)應(yīng)用于表時(shí)除外,對(duì)于表,hidden 用于解決邊框沖突。 - dotted
定義點(diǎn)狀邊框。在大多數(shù)瀏覽器中呈現(xiàn)為實(shí)線。 - dashed
定義虛線。在大多數(shù)瀏覽器中呈現(xiàn)為實(shí)線。 - solid
定義實(shí)線。 - double
定義雙線。雙線的寬度等于 border-width 的值。 - groove
定義 3D 凹槽邊框。其效果取決于 border-color 的值。 - ridge
定義 3D 壟狀邊框。其效果取決于 border-color 的值。 - inset
定義 3D inset 邊框。其效果取決于 border-color 的值。 - outset
定義 3D outset 邊框。其效果取決于 border-color 的值。
border-width
簡(jiǎn)寫屬性,用于為元素的所有邊框設(shè)置寬度,或者單獨(dú)地為各邊邊框設(shè)置寬度。
- thin
定義細(xì)的邊框。 - medium
默認(rèn)。定義中等的邊框。 - thick
定義粗的邊框。 - length
允許您自定義邊框的寬度。
border-color
簡(jiǎn)寫屬性,設(shè)置元素的所有邊框中可見部分的顏色,或?yàn)?4 個(gè)邊分別設(shè)置顏色。
border-bottom
簡(jiǎn)寫屬性,用于把下邊框的所有屬性設(shè)置到一個(gè)聲明中。
border-bottom-color
設(shè)置元素的下邊框的顏色。
border-bottom-style
設(shè)置元素的下邊框的樣式。
border-bottom-width
設(shè)置元素的下邊框的寬度。
border-left
簡(jiǎn)寫屬性,用于把左邊框的所有屬性設(shè)置到一個(gè)聲明中。
border-left-color
設(shè)置元素的左邊框的顏色。
border-left-style
設(shè)置元素的左邊框的樣式。
border-left-width
設(shè)置元素的左邊框的寬度。
border-right
簡(jiǎn)寫屬性,用于把右邊框的所有屬性設(shè)置到一個(gè)聲明中。
border-right-color
設(shè)置元素的右邊框的顏色。
border-right-style
設(shè)置元素的右邊框的樣式。
border-right-width
設(shè)置元素的右邊框的寬度。
border-top
簡(jiǎn)寫屬性,用于把上邊框的所有屬性設(shè)置到一個(gè)聲明中。
border-top-color
設(shè)置元素的上邊框的顏色。
border-top-style
設(shè)置元素的上邊框的樣式。
border-top-width
設(shè)置元素的上邊框的寬度。
CSS 外邊距屬性
屬性
描述
margin
簡(jiǎn)寫屬性。在一個(gè)聲明中設(shè)置所有外邊距屬性。
margin-bottom
設(shè)置元素的下外邊距。
margin-left
設(shè)置元素的左外邊距。
margin-right
設(shè)置元素的右外邊距。
margin-top
設(shè)置元素的上外邊距。
CSS 定位屬性
CSS 定位屬性允許你對(duì)元素進(jìn)行定位。
詳細(xì)參見http://www.w3school.com.cn/css/css_positioning.asp
CSS 定位和浮動(dòng)
CSS 為定位和浮動(dòng)提供了一些屬性,利用這些屬性,可以建立列式布局,將布局的一部分與另一部分重疊,還可以完成多年來(lái)通常需要使用多個(gè)表格才能完成的任務(wù)。
定位的基本思想很簡(jiǎn)單,它允許你定義元素框相對(duì)于其正常位置應(yīng)該出現(xiàn)的位置,或者相對(duì)于父元素、另一個(gè)元素甚至瀏覽器窗口本身的位置。顯然,這個(gè)功能非常強(qiáng)大,也很讓人吃驚。要知道,用戶代理對(duì) CSS2 中定位的支持遠(yuǎn)勝于對(duì)其它方面的支持,對(duì)此不應(yīng)感到奇怪。
另一方面,CSS1 中首次提出了浮動(dòng),它以 Netscape 在 Web 發(fā)展初期增加的一個(gè)功能為基礎(chǔ)。浮動(dòng)不完全是定位,不過(guò),它當(dāng)然也不是正常流布局。我們會(huì)在后面的章節(jié)中明確浮動(dòng)的含義。
一切皆為框
div、h1 或 p 元素常常被稱為塊級(jí)元素。這意味著這些元素顯示為一塊內(nèi)容,即“塊框”。與之相反,span 和 strong 等元素稱為“行內(nèi)元素”,這是因?yàn)樗鼈兊膬?nèi)容顯示在行中,即“行內(nèi)框”。
您可以使用 display 屬性改變生成的框的類型。這意味著,通過(guò)將 display 屬性設(shè)置為 block,可以讓行內(nèi)元素(比如 <a> 元素)表現(xiàn)得像塊級(jí)元素一樣。還可以通過(guò)把 display 設(shè)置為 none,讓生成的元素根本沒有框。這樣的話,該框及其所有內(nèi)容就不再顯示,不占用文檔中的空間。
但是在一種情況下,即使沒有進(jìn)行顯式定義,也會(huì)創(chuàng)建塊級(jí)元素。這種情況發(fā)生在把一些文本添加到一個(gè)塊級(jí)元素(比如 div)的開頭。即使沒有把這些文本定義為段落,它也會(huì)被當(dāng)作段落對(duì)待:
<div>
some text
<p>Some more text.</p>
</div>
在這種情況下,這個(gè)框稱為無(wú)名塊框,因?yàn)樗慌c專門定義的元素相關(guān)聯(lián)。
塊級(jí)元素的文本行也會(huì)發(fā)生類似的情況。假設(shè)有一個(gè)包含三行文本的段落。每行文本形成一個(gè)無(wú)名框。無(wú)法直接對(duì)無(wú)名塊或行框應(yīng)用樣式,因?yàn)闆]有可以應(yīng)用樣式的地方(注意,行框和行內(nèi)框是兩個(gè)概念)。但是,這有助于理解在屏幕上看到的所有東西都形成某種框。
CSS 定位機(jī)制
CSS 有三種基本的定位機(jī)制:普通流、浮動(dòng)和絕對(duì)定位。
除非專門指定,否則所有框都在普通流中定位。也就是說(shuō),普通流中的元素的位置由元素在 X(HTML) 中的位置決定。
塊級(jí)框從上到下一個(gè)接一個(gè)地排列,框之間的垂直距離是由框的垂直外邊距計(jì)算出來(lái)。
行內(nèi)框在一行中水平布置。可以使用水平內(nèi)邊距、邊框和外邊距調(diào)整它們的間距。但是,垂直內(nèi)邊距、邊框和外邊距不影響行內(nèi)框的高度。由一行形成的水平框稱為行框(Line Box),行框的高度總是足以容納它包含的所有行內(nèi)框。不過(guò),設(shè)置行高可以增加這個(gè)框的高度。
在下面的章節(jié),我們會(huì)為您詳細(xì)講解相對(duì)定位、絕對(duì)定位和浮動(dòng)。
CSS position 屬性
通過(guò)使用 position 屬性,我們可以選擇 4 中不同類型的定位,這會(huì)影響元素框生成的方式。
position 屬性值的含義:
- static
- 元素框正常生成。塊級(jí)元素生成一個(gè)矩形框,作為文檔流的一部分,行內(nèi)元素則會(huì)創(chuàng)建一個(gè)或多個(gè)行框,置于其父元素中。
- relative
- 元素框偏移某個(gè)距離。元素仍保持其未定位前的形狀,它原本所占的空間仍保留。
- absolute
- 元素框從文檔流完全刪除,并相對(duì)于其包含塊定位。包含塊可能是文檔中的另一個(gè)元素或者是初始包含塊。元素原先在正常文檔流中所占的空間會(huì)關(guān)閉,就好像元素原來(lái)不存在一樣。元素定位后生成一個(gè)塊級(jí)框,而不論原來(lái)它在正常流中生成何種類型的框。
- fixed
- 元素框的表現(xiàn)類似于將 position 設(shè)置為 absolute,不過(guò)其包含塊是視窗本身。
提示:相對(duì)定位實(shí)際上被看作普通流定位模型的一部分,因?yàn)樵氐奈恢孟鄬?duì)于它在普通流中的位置。
屬性
描述
position
把元素放置到一個(gè)靜態(tài)的、相對(duì)的、絕對(duì)的、或固定的位置中。
- static
默認(rèn)。位置設(shè)置為 static 的元素,它始終會(huì)處于頁(yè)面流給予的位置(static 元素會(huì)忽略任何 top、bottom、left 或 right 聲明)。
- relative
位置被設(shè)置為 relative 的元素,可將其移至相對(duì)于其正常位置的地方,因此 "left:20" 將向元素的 LEFT 位置添加 20 個(gè)像素。
- absolute
位置設(shè)置為 absolute 的元素,可定位于相對(duì)于包含它的元素的指定坐標(biāo)。此元素的位置可通過(guò) "left"、"top"、"right" 以及"bottom" 屬性來(lái)規(guī)定。
- fixed
位置被設(shè)置為 fixed 的元素,可定位于相對(duì)于瀏覽器窗口的指定坐標(biāo)。此元素的位置可通過(guò) "left"、"top"、"right" 以及"bottom" 屬性來(lái)規(guī)定。不論窗口滾動(dòng)與否,元素都會(huì)留在那個(gè)位置。工作于 IE7(strict 模式)。
top
定義了一個(gè)定位元素的上外邊距邊界與其包含塊上邊界之間的偏移。
- auto
默認(rèn)。通過(guò)瀏覽器來(lái)計(jì)算頂部的位置。
- %
設(shè)置元素的頂部到最近一個(gè)具有定位設(shè)置父元素的上邊緣的百分比位置。
- length
使用 px、cm 等單位設(shè)置元素的頂部到最近一個(gè)具有定位設(shè)置上邊緣的頂部的位置。可使用負(fù)值。
right
定義了定位元素右外邊距邊界與其包含塊右邊界之間的偏移。
bottom
定義了定位元素下外邊距邊界與其包含塊下邊界之間的偏移。
left
定義了定位元素左外邊距邊界與其包含塊左邊界之間的偏移。
overflow
設(shè)置當(dāng)元素的內(nèi)容溢出其區(qū)域時(shí)發(fā)生的事情。
- visible
默認(rèn)。內(nèi)容不會(huì)被修剪,會(huì)呈現(xiàn)在元素之外。
- hidden
內(nèi)容會(huì)被修剪,但是瀏覽器不會(huì)顯示供查看內(nèi)容的滾動(dòng)條。
- scroll
內(nèi)容會(huì)被修剪,但是瀏覽器會(huì)顯示滾動(dòng)條以便查看其余的內(nèi)容。
- auto
如果內(nèi)容被修剪,則瀏覽器會(huì)顯示滾動(dòng)條以便查看其余的內(nèi)容。
clip
設(shè)置元素的形狀。元素被剪入這個(gè)形狀之中,然后顯示出來(lái)。
- shape
設(shè)置元素的形狀。合法的形狀值是:rect (top, right, bottom, left)
- auto
默認(rèn)。瀏覽器可設(shè)置元素的形狀。
vertical-align
設(shè)置元素的垂直對(duì)齊方式。
- baseline
默認(rèn)。元素放置在父元素的基線上。
- sub
垂直對(duì)齊文本的下標(biāo)。
- super
垂直對(duì)齊文本的上標(biāo)
- top
把元素的頂端與行中最高元素的頂端對(duì)齊
- text-top
把元素的頂端與父元素字體的頂端對(duì)齊
- middle
把此元素放置在父元素的中部。
- bottom
把元素的頂端與行中最低的元素的頂端對(duì)齊。
- text-bottom
把元素的底端與父元素字體的底端對(duì)齊。
- length
- %
使用 "line-height" 屬性的百分比值來(lái)排列此元素。允許使用負(fù)值。
z-index
設(shè)置元素的堆疊順序。
- auto
默認(rèn)。堆疊順序與父元素相等。
- number
設(shè)置元素的堆疊順序。
CSS 尺寸屬性
CSS 尺寸屬性允許你控制元素的高度和寬度。同樣,還允許你增加行間距。
屬性
描述
height
設(shè)置元素的高度。
line-height
設(shè)置行高。
max-height
設(shè)置元素的最大高度。
max-width
設(shè)置元素的最大寬度。
min-height
設(shè)置元素的最小高度。
min-width
設(shè)置元素的最小寬度。
width
設(shè)置元素的寬度。
CSS 分類屬性 (Classification)
CSS 分類屬性允許你控制如何顯示元素,設(shè)置圖像顯示于另一元素中的何處,相對(duì)于其正常位置來(lái)定位元素,使用絕對(duì)值來(lái)定位元素,以及元素的可見度。
屬性
描述
clear
設(shè)置一個(gè)元素的側(cè)面是否允許其他的浮動(dòng)元素。
cursor
規(guī)定當(dāng)指向某元素之上時(shí)顯示的指針類型。
display
設(shè)置是否及如何顯示元素。
float
定義元素在哪個(gè)方向浮動(dòng)。
position
把元素放置到一個(gè)靜態(tài)的、相對(duì)的、絕對(duì)的、或固定的位置中。
visibility
設(shè)置元素是否可見或不可見。
偽類
瀏覽器支持:IE Internet Explorer, F: Firefox, N: Netscape。
W3C:“W3C” 列的數(shù)字顯示出偽類屬性由哪個(gè) CSS 標(biāo)準(zhǔn)定義(CSS1 還是 CSS2)。
偽類
作用
IE
F
N
W3C
:active
將樣式添加到被激活的元素
4
1
8
1
:focus
將樣式添加到被選中的元素
-
-
-
2
:hover
當(dāng)鼠標(biāo)懸浮在元素上方時(shí),向元素添加樣式
4
1
7
1
:link
將特殊的樣式添加到未被訪問(wèn)過(guò)的鏈接
3
1
4
1
:visited
將特殊的樣式添加到被訪問(wèn)過(guò)的鏈接
3
1
4
1
:first-child
將特殊的樣式添加到元素的第一個(gè)子元素
1
7
2
:lang
允許創(chuàng)作者來(lái)定義指定的元素中使用的語(yǔ)言
1
8
2
偽元素
作用
IE
F
N
W3C
:first-letter
將特殊的樣式添加到文本的首字母
5
1
8
1
:first-line
將特殊的樣式添加到文本的首行
5
1
8
1
:before
在某元素之前插入某些內(nèi)容
1.5
8
2
:after
在某元素之后插入某些內(nèi)容
1.5
8
2
不同的媒介類型
注釋:媒介類型名稱對(duì)大小寫不敏感。
瀏覽器支持:IE: Internet Explorer, F: Firefox, N: Netscape。
W3C:“W3C” 列的數(shù)字顯示出屬性背景由哪個(gè) CSS 標(biāo)準(zhǔn)定義(CSS1 還是 CSS2)。
媒介類型
描述
all
用于所有的媒介設(shè)備。
aural
用于語(yǔ)音和音頻合成器。
braille
用于盲人用點(diǎn)字法觸覺回饋設(shè)備。
embossed
用于分頁(yè)的盲人用點(diǎn)字法打印機(jī)。
handheld
用于小的手持的設(shè)備。
print
用于打印機(jī)。
projection
用于方案展示,比如幻燈片。
screen
用于電腦顯示器。
tty
用于使用固定密度字母柵格的媒介,比如電傳打字機(jī)和終端。
tv
用于電視機(jī)類型的設(shè)備。