CSS樣式(規(guī)則)定義對話框中英文對照

1、CSS 樣式（規(guī)則）定義對話框中英文對照第 10 頁 共 2 頁【類型】1 、 font-variant 屬性設(shè)置小型大寫字母的字體顯示文本，這意味著所有的小寫字母均會被轉(zhuǎn)換為大寫，但是所有使用小型大寫字體的字母與其余文本相比，其字體尺寸更小。值描述normal默認(rèn)值。瀏覽器會顯示一個標(biāo)準(zhǔn)的字體。small-caps瀏覽器會顯示小型大寫字母的字體。inherit規(guī)定應(yīng)該從父元素繼承font-variant 屬性的值。2、 text-transform 設(shè)置文本的大小寫，只對英文字母有效。值描述none無轉(zhuǎn)換發(fā)生capitalize將每個單詞的第一個字母轉(zhuǎn)換成大寫，其余無轉(zhuǎn)換發(fā)生uppercas

2、e轉(zhuǎn)換成大寫lowercase轉(zhuǎn)換成小寫3、 text-decoration 屬性對文本進行修飾。值描述none默認(rèn)。定義標(biāo)準(zhǔn)的文本。underline定義文本下的一條線。overline定義文本上的一條線。line-through定義穿過文本下的一條線。blink定義閃爍的文本。inherit規(guī)定應(yīng)該從父元素繼承text-decoration 屬性的值?！颈尘啊康?8頁 共 4 頁1 、 background-attachment 屬性設(shè)置背景圖像是否固定或者隨著頁面的其余部分滾動。值描述scroll默認(rèn)值。背景圖像會隨著頁面其余部分的滾動而移動。fixed當(dāng)頁面的其余部分滾動時，背景圖像不

3、會移動。inherit規(guī)定應(yīng)該從父元素繼承background-attachment 屬性的設(shè)置。【區(qū)塊】第 10 頁 共 9 頁1 、 word-spacing 屬性 ，控制單詞間的間隔。所謂單詞，就是用空格分開的字符串，允許指定負(fù)長度值，這會讓字之間擠得更緊。值描述normal默認(rèn)。定義單詞間的標(biāo)準(zhǔn)空間。length定義單詞間的固定空間。inherit規(guī)定應(yīng)該從父元素繼承word-spacing 屬性的值。2、 letter-spacing 屬性，與Word-spacing 相似，不過它控制的是單個字符之間的間隔，而不是單詞間。值描述normal默認(rèn)。規(guī)定字符間沒有額外的空間。length

4、定義字符間的固定空間（允許使用負(fù)值）。inherit規(guī)定應(yīng)該從父元素繼承l(wèi)etter-spacing 屬性的值。3、 vertical-align 屬性設(shè)置元素的垂直對齊方式。該屬性定義行內(nèi)元素的基線相對于該元素所在行的基線的垂直對齊。值描述baseline默認(rèn)。元素放置在父元素的基線上。sub垂直對齊文本的下標(biāo)。super垂直對齊文本的上標(biāo)top把元素的頂端與行中最高元素的頂端對齊text-top把元素的頂端與父元素字體的頂端對齊middle把此元素放置在父元素的中部。bottom把元素的頂端與行中最低的元素的頂端對齊。text-bottom把元素的底端與父元素字體的底端對齊。length%

5、使用"line-height" 屬性的百分比值來排列此元素。允許使用負(fù)值。inherit規(guī)定應(yīng)該從父元素繼承vertical-align 屬性的值。4、 text-align 屬性，與上面的相對。規(guī)定元素中的文本的水平對齊方式。值描述left把文本排列到左邊。默認(rèn)值：由瀏覽器決定。right把文本排列到右邊。center把文本排列到中間。justify實現(xiàn)兩端對齊文本效果。inherit規(guī)定應(yīng)該從父元素繼承text-align 屬性的值。5、 text-indent 屬性規(guī)定文本塊中首行文本的縮進。值描述length定義固定的縮進。默認(rèn)值：0。%定義基于父元素寬度的百分比的

6、縮進。inherit 規(guī)定應(yīng)該從父元素繼承text-indent 屬性的值。6、 white-space 屬性設(shè)置如何處理元素內(nèi)的空白。值描述normal默認(rèn)?？瞻讜粸g覽器忽略。pre空白會被瀏覽器保留。其行為方式類似HTML 中的<pre> 標(biāo)簽。nowrap文本不會換行，文本會在在同一行上繼續(xù)，直到遇到<br> 標(biāo)簽為止。pre-wrap保留空白符序列，但是正常地進行換行。pre-line合并空白符序列，但是保留換行符。inherit規(guī)定應(yīng)該從父元素繼承white-space 屬性的值。7、 display 屬性規(guī)定元素應(yīng)該生成的框的類型。值描述None不顯示該元

7、素，也不占位。Block此元素將顯示為塊級元素，此元素前后會帶有換行符。Inline默認(rèn)值，此元素會被顯示為內(nèi)聯(lián)元素，元素前后沒有換行符。inline-block行內(nèi)塊元素。與inline 相比該元素稍微變高?！痉娇颉康?8頁 共 11 頁1 、 float 屬性定義元素在哪個方向浮動?？刂圃卦谶@一行的右邊還是左邊，然后其他元素占據(jù)這一行剩余的地方，當(dāng)然也可以讓單獨一行。值描述left元素向左浮動。right元素向右浮動。none默認(rèn)值。元素不浮動，并會顯示在其在文本中出現(xiàn)的位置。inherit規(guī)定應(yīng)該從父元素繼承float 屬性的值。2 、 clear 屬性規(guī)定元素的哪一側(cè)不允許其他浮動元

8、素。五、 【邊框】第 10 頁 共 14 頁1 、 border-style 屬性用于設(shè)置元素所有邊框的樣式，或者單獨地為各邊設(shè)置邊框樣式。值描述none定義無邊框。hidden與 "none" 相同。不過應(yīng)用于表時除外，對于表，hidden 用于解決邊框沖突。dotted定義點狀邊框。在大多數(shù)瀏覽器中呈現(xiàn)為實線。dashed定義虛線。在大多數(shù)瀏覽器中呈現(xiàn)為實線。solid定義實線。double定義雙線。雙線的寬度等于border-width 的值。groove定義3D 凹槽邊框。其效果取決于border-color 的值。ridge定義3D 壟狀邊框。其效果取決于bord

9、er-color 的值。inset定義3D inset 邊框。其效果取決于border-color 的值。outset定義3D outset 邊框。其效果取決于border-color 的值。inherit規(guī)定應(yīng)該從父元素繼承邊框樣式。2、 border-width 屬性為元素的所有邊框設(shè)置寬度，或者單獨地為各邊邊框設(shè)置寬度。只有0，當(dāng)邊框樣式不是none 時才起作用，如果邊框樣式是none ，邊框?qū)挾葘嶋H上會重置為不允許指定負(fù)長度值。值描述thin定義細(xì)的邊框。medium默認(rèn)。定義中等的邊框。thick定義粗的邊框。length允許您自定義邊框的寬度。inherit規(guī)定應(yīng)該從父元素繼承邊框

10、寬度。六、 【列表】第 11 頁 共 17 頁1 、 list-style-type 屬性設(shè)置列表項標(biāo)記的類型。值描述none無標(biāo)記。disc默認(rèn)。標(biāo)記是實心圓。circle標(biāo)記是空心圓。square標(biāo)記是實心方塊。decimal標(biāo)記是數(shù)字。2、 list-style-position 屬性設(shè)置在何處放置列表項標(biāo)記。該屬性用于聲明列表標(biāo)志相對于列表項內(nèi)容的位置。外部 (outside) 標(biāo)志會放在離列表項邊框邊界一定距離處，不過這距離在CSS 中未定義。內(nèi)部 (inside) 標(biāo)志處理為好像它們是插入在列表項內(nèi)容最前面的行內(nèi)元素一樣。值描述inside列表項目標(biāo)記放置在文本以內(nèi)，且環(huán)繞文本根據(jù)

11、標(biāo)記對齊。outside默認(rèn)值。保持標(biāo)記位于文本的左側(cè)。列表項目標(biāo)記放置在文本以外，且環(huán)繞文本不根據(jù)標(biāo)記對齊。inherit規(guī)定應(yīng)該從父元素繼承l(wèi)ist-style-position 屬性的值。七、 【定位】1、 、 position 屬性規(guī)定元素的定位類型。值描述absolute生成絕對定位的元素，相對于static 定位以外的第一個父元素進行定位。元素的位置通過"left", "top", "right" 以及"bottom" 屬性進行規(guī)定。fixed生成絕對定位的元素，相對于瀏覽器窗口進行定位。元素的位置通過

12、"left", "top", "right" 以及"bottom" 屬性進行規(guī)定。relative生成相對定位的元素，相對于其正常位置進行定位。因此，"left:20" 會向元素的LEFT 位置添加20 像素。static默認(rèn)值。沒有定位，元素出現(xiàn)在正常的流中。inherit規(guī)定應(yīng)該從父元素繼承position 屬性的值。2、 Visibility 屬性規(guī)定元素是否可見。即使不可見的元素也會占據(jù)頁面上的空間。值描述visible默認(rèn)值，元素是可見的。hidden元素是不可見的。collapse當(dāng)

13、在表格元素中使用時，此值可刪除一行或一列，但是它不會影響表格的布局，被行或列占據(jù)的空間會留給其他內(nèi)容使用，如果此值被用在其他的元素上，會呈現(xiàn)為"hidden" 。inherit規(guī)定應(yīng)該從父元素繼承visibility 屬性的值。3、 z-index 屬性設(shè)置元素的堆疊順序，擁有更高堆疊順序的元素總是會處于堆疊順序較低的元素的前面。元素可擁有負(fù)的z-index 屬性值，Z-index 僅能在定位元素上奏效。值描述auto默認(rèn)。堆疊順序與父元素相等。number設(shè)置元素的堆疊順序。inherit規(guī)定應(yīng)該從父元素繼承z-index 屬性的值。4、 overflow 屬性規(guī)定當(dāng)內(nèi)容

14、溢出元素框時發(fā)生的事情。如果值為scroll ，不論是否需要，用戶代理都會提供一種滾動機制。因此， 有可能即使元素框中可以放下所有內(nèi)容也會出現(xiàn)滾動條。值描述visible默認(rèn)值。內(nèi)容不會被修剪，會呈現(xiàn)在元素框之外。hidden內(nèi)容會被修剪，并且其余內(nèi)容是不可見的。scroll內(nèi)容會被修剪，但是瀏覽器會顯示滾動條以便查看其余的內(nèi)容。auto如果內(nèi)容被修剪，則瀏覽器會顯示滾動條以便查看其余的內(nèi)容。inherit規(guī)定應(yīng)該從父元素繼承overflow 屬性的值。5、 placement 部分，這里主要控制元素的位置。對于有 top、 right、 bottom 、 left 四個參數(shù)的優(yōu)先級，我進行了

15、幾次嘗試，得出的結(jié)果是left 和 top 高于 right 和 bottom 。6、 clip 屬性剪裁絕對定位元素。這個屬性用于定義一個剪裁矩形，對于一個絕對定義元素，在這個矩形內(nèi)的內(nèi)容才可見，出了這個剪裁區(qū)域的內(nèi)容會根據(jù)overflow 的值來處理，剪裁區(qū)域可能比元素的內(nèi)容區(qū)大，也可能比內(nèi)容區(qū)小。clip 屬性必須和定位屬性postion 一起使用才能生效。值描述shape設(shè)置元素的形狀。唯一合法的形狀值是：rect ( top, right, bottom, left)auto默認(rèn)值。不應(yīng)用任何剪裁。inherit規(guī)定應(yīng)該從父元素繼承clip 屬性的值。八、 【擴展】第 11 頁 共 22 頁1 、 cursor 屬性規(guī)定要顯示的鼠標(biāo)光標(biāo)的類型（形狀）。該屬性定義了鼠標(biāo)指針放在一個元素邊界范圍內(nèi)時所用的光標(biāo)形狀。值描述default默認(rèn)光標(biāo)（通常是一個箭頭）auto默認(rèn)。瀏覽器設(shè)置的光標(biāo)。crosshair光標(biāo)呈現(xiàn)為十字線。pointer光標(biāo)呈現(xiàn)為指示鏈接的指針（一只手）move此光標(biāo)指示某對象可被移動。e-resize此光標(biāo)指示矩形框的邊緣可被向右（東）移動。ne-resize此光標(biāo)指示矩形框的邊緣可被向上及向右移動（北/東） 。nw-resize此光標(biāo)