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

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

2、rcase轉(zhuǎn)換成小寫3、te*t-decoration 屬性對(duì)文本進(jìn)展修飾。 值描述none默認(rèn)。定義標(biāo)準(zhǔn)的文本。underline定義文本下的一條線。overline定義文本上的一條線。line-through定義穿過(guò)文本下的一條線。blink定義閃爍的文本。inherit規(guī)定應(yīng)該從父元素繼承 te*t-decoration 屬性的值。二、【背景】1、background-attachment 屬性設(shè)置背景圖像是否固定或者隨著頁(yè)面的其余局部滾動(dòng)。值描述scroll默認(rèn)值。背景圖像會(huì)隨著頁(yè)面其余局部的滾動(dòng)而移動(dòng)。fi*ed當(dāng)頁(yè)面的其余局部滾動(dòng)時(shí)，背景圖像不會(huì)移動(dòng)。inherit規(guī)定應(yīng)該從父元素

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

4、繼承 letter-spacing 屬性的值。3、vertical-align 屬性設(shè)置元素的垂直對(duì)齊方式。該屬性定義行元素的基線相對(duì)于該元素所在行的基線的垂直對(duì)齊。值描述baseline默認(rèn)。元素放置在父元素的基線上。sub垂直對(duì)齊文本的下標(biāo)。super垂直對(duì)齊文本的上標(biāo)top把元素的頂端與行中最高元素的頂端對(duì)齊te*t-top把元素的頂端與父元素字體的頂端對(duì)齊middle把此元素放置在父元素的中部。bottom把元素的頂端與行中最低的元素的頂端對(duì)齊。te*t-bottom把元素的底端與父元素字體的底端對(duì)齊。length%使用 line-height 屬性的百分比值來(lái)排列此元素。允許使用負(fù)值

5、。inherit規(guī)定應(yīng)該從父元素繼承 vertical-align 屬性的值。4、te*t-align屬性，與上面的相對(duì)。規(guī)定元素中的文本的水平對(duì)齊方式。值描述left把文本排列到左邊。默認(rèn)值：由瀏覽器決定。right把文本排列到右邊。center把文本排列到中間。justify實(shí)現(xiàn)兩端對(duì)齊文本效果。inherit規(guī)定應(yīng)該從父元素繼承 te*t-align 屬性的值。5、te*t-indent 屬性規(guī)定文本塊中首行文本的縮進(jìn)。值描述length定義固定的縮進(jìn)。默認(rèn)值：0。%定義基于父元素寬度的百分比的縮進(jìn)。inherit規(guī)定應(yīng)該從父元素繼承 te*t-indent 屬性的值。6、white-s

6、pace 屬性設(shè)置如何處理元素的空白。值描述normal默認(rèn)?？瞻讜?huì)被瀏覽器忽略。pre空白會(huì)被瀏覽器保存。其行為方式類似 HTML 中的 標(biāo)簽。nowrap文本不會(huì)換行，文本會(huì)在在同一行上繼續(xù)，直到遇到 標(biāo)簽為止。pre-wrap保存空白符序列，但是正常地進(jìn)展換行。pre-line合并空白符序列，但是保存換行符。inherit規(guī)定應(yīng)該從父元素繼承 white-space 屬性的值。7、display 屬性規(guī)定元素應(yīng)該生成的框的類型。值描述None不顯示該元素，也不占位。Block此元素將顯示為塊級(jí)元素，此元素前后會(huì)帶有換行符。Inline默認(rèn)值，此元素會(huì)被顯示為聯(lián)元素，元素前后沒(méi)有換行符。i

7、nline-block行塊元素。與 inline相比該元素稍微變高。四、【方框】1、float屬性定義元素在哪個(gè)方向浮動(dòng)?？刂圃卦谶@一行的右邊還是左邊，然后其他元素占據(jù)這一行剩余的地方，當(dāng)然也可以讓單獨(dú)一行。值描述left元素向左浮動(dòng)。right元素向右浮動(dòng)。none默認(rèn)值。元素不浮動(dòng)，并會(huì)顯示在其在文本中出現(xiàn)的位置。inherit規(guī)定應(yīng)該從父元素繼承 float 屬性的值。2、clear 屬性規(guī)定元素的哪一側(cè)不允許其他浮動(dòng)元素。五、【邊框】1、border-style屬性用于設(shè)置元素所有邊框的樣式，或者單獨(dú)地為各邊設(shè)置邊框樣式。值描述none定義無(wú)邊框。hidden與 none 一樣。不過(guò)

8、應(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 的值。inherit規(guī)

9、定應(yīng)該從父元素繼承邊框樣式。2、border-width屬性為元素的所有邊框設(shè)置寬度，或者單獨(dú)地為各邊邊框設(shè)置寬度。只有當(dāng)邊框樣式不是 none 時(shí)才起作用，如果邊框樣式是 none，邊框?qū)挾葘?shí)際上會(huì)重置為 0，不允許指定負(fù)長(zhǎng)度值。值描述thin定義細(xì)的邊框。medium默認(rèn)。定義中等的邊框。thick定義粗的邊框。length允許您自定義邊框的寬度。inherit規(guī)定應(yīng)該從父元素繼承邊框?qū)挾?。六、【列表?、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ù)字

10、。2、list-style-position 屬性設(shè)置在何處放置列表項(xiàng)標(biāo)記。該屬性用于聲明列表標(biāo)志相對(duì)于列表項(xiàng)容的位置。外部 (outside) 標(biāo)志會(huì)放在離列表項(xiàng)邊框邊界一定距離處，不過(guò)這距離在 CSS 中未定義。部 (inside) 標(biāo)志處理為好似它們是插入在列表項(xiàng)容最前面的行元素一樣。值描述inside列表工程標(biāo)記放置在文本以，且環(huán)繞文本根據(jù)標(biāo)記對(duì)齊。outside默認(rèn)值。保持標(biāo)記位于文本的左側(cè)。列表工程標(biāo)記放置在文本以外，且環(huán)繞文本不根據(jù)標(biāo)記對(duì)齊。inherit規(guī)定應(yīng)該從父元素繼承 list-style-position 屬性的值。七、【定位】1、position 屬性規(guī)定元素的定位類

11、型。值描述absolute生成絕對(duì)定位的元素，相對(duì)于 static 定位以外的第一個(gè)父元素進(jìn)展定位。元素的位置通過(guò) left, top, right 以及 bottom 屬性進(jìn)展規(guī)定。fi*ed生成絕對(duì)定位的元素，相對(duì)于瀏覽器窗口進(jìn)展定位。元素的位置通過(guò) left, top, right 以及 bottom 屬性進(jìn)展規(guī)定。relative生成相對(duì)定位的元素，相對(duì)于其正常位置進(jìn)展定位。因此，left:20 會(huì)向元素的 LEFT 位置添加 20 像素。static默認(rèn)值。沒(méi)有定位，元素出現(xiàn)在正常的流中。inherit規(guī)定應(yīng)該從父元素繼承 position 屬性的值。2、Visibility 屬性規(guī)

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

13、設(shè)置元素的堆疊順序。inherit規(guī)定應(yīng)該從父元素繼承 z-inde* 屬性的值。4、overflow 屬性規(guī)定當(dāng)容溢出元素框時(shí)發(fā)生的事情。如果值為 scroll，不管是否需要，用戶代理都會(huì)提供一種滾動(dòng)機(jī)制。因此，有可能即使元素框中可以放下所有容也會(huì)出現(xiàn)滾動(dòng)條。值描述visible默認(rèn)值。容不會(huì)被修剪，會(huì)呈現(xiàn)在元素框之外。hidden容會(huì)被修剪，并且其余容是不可見(jiàn)的。scroll容會(huì)被修剪，但是瀏覽器會(huì)顯示滾動(dòng)條以便查看其余的容。auto如果容被修剪，則瀏覽器會(huì)顯示滾動(dòng)條以便查看其余的容。inherit規(guī)定應(yīng)該從父元素繼承 overflow 屬性的值。5、 placement 局部，這里主要控

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