<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    推薦淘寶秋冬男裝熱賣網(wǎng)店

    追求無(wú)止境

    我的程序人生
    隨筆 - 31, 文章 - 2, 評(píng)論 - 20, 引用 - 0
    數(shù)據(jù)加載中……

    CSS學(xué)習(xí)筆記


    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)志。

      1. url
        圖像的路徑。
      2. none
        默認(rèn)。無(wú)圖形被顯示。

    list-style-position
    設(shè)置列表中列表項(xiàng)標(biāo)志的位置。

      1. inside
        列表項(xiàng)目標(biāo)記放置在文本以內(nèi),且環(huán)繞文本根據(jù)標(biāo)記對(duì)齊。
      2. outside
        默認(rèn)。保持標(biāo)記位于文本的左側(cè)。列表項(xiàng)目標(biāo)記放置在文本以外,且環(huán)繞文本不根據(jù)標(biāo)記對(duì)齊。

    list-style-type
    設(shè)置列表項(xiàng)標(biāo)志的類型。

      1. none
        無(wú)標(biāo)記。
      2. disc
        默認(rèn)。標(biāo)記是實(shí)心圓。
      3. circle
        標(biāo)記是空心圓。
      4. square
        標(biāo)記是實(shí)心方塊。
      5. decimal
        標(biāo)記是數(shù)字。
      6. decimal-leading-zero
        0開頭的數(shù)字標(biāo)記。(01, 02, 03, 等。)
      7. lower-roman
        小寫羅馬數(shù)字(i, ii, iii, iv, v, 等。)
      8. upper-roman
        大寫羅馬數(shù)字(I, II, III, IV, V, 等。)
      9. lower-alpha
        小寫英文字母The marker is lower-alpha (a, b, c, d, e, 等。)
      10. upper-alpha
        大寫英文字母The marker is upper-alpha (A, B, C, D, E, 等。)
      11. lower-greek
        小寫希臘字母(alpha, beta, gamma, 等。)
      12. lower-latin
        小寫拉丁字母(a, b, c, d, e, 等。)
      13. upper-latin
        大寫拉丁字母(A, B, C, D, E, 等。)
      14. hebrew
        傳統(tǒng)的希伯來(lái)編號(hào)方式
      15. armenian
        傳統(tǒng)的亞美尼亞編號(hào)方式
      16. georgian
        傳統(tǒng)的喬治亞編號(hào)方式(an, ban, gan, 等。)
      17. cjk-ideographic
        簡(jiǎn)單的表意數(shù)字
      18. hiragana
        標(biāo)記是:a, i, u, e, o, ka, ki, 等。(日文片假名)
      19. katakana
        標(biāo)記是:A, I, U, E, O, KA, KI, 等。(日文片假名)
      20. hiragana-iroha
        標(biāo)記是:i, ro, ha, ni, ho, he, to, 等。(日文片假名)
      21. 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)邊距邊框外邊距 的方式。

    ct_boxmodel

     

    • 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è)置邊框樣式。

    1. none
      定義無(wú)邊框。
    2. hidden
      與 "none" 相同。不過(guò)應(yīng)用于表時(shí)除外,對(duì)于表,hidden 用于解決邊框沖突。
    3. dotted
      定義點(diǎn)狀邊框。在大多數(shù)瀏覽器中呈現(xiàn)為實(shí)線。
    4. dashed
      定義虛線。在大多數(shù)瀏覽器中呈現(xiàn)為實(shí)線。
    5. solid
      定義實(shí)線。
    6. double
      定義雙線。雙線的寬度等于 border-width 的值。
    7. groove
      定義 3D 凹槽邊框。其效果取決于 border-color 的值。
    8. ridge
      定義 3D 壟狀邊框。其效果取決于 border-color 的值。
    9. inset
      定義 3D inset 邊框。其效果取決于 border-color 的值。
    10. outset
      定義 3D outset 邊框。其效果取決于 border-color 的值。

    border-width
    簡(jiǎn)寫屬性,用于為元素的所有邊框設(shè)置寬度,或者單獨(dú)地為各邊邊框設(shè)置寬度。

    1. thin
      定義細(xì)的邊框。
    2. medium
      默認(rèn)。定義中等的邊框。
    3. thick
      定義粗的邊框。
    4. 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ì)的、或固定的位置中。

    1. static
      默認(rèn)。位置設(shè)置為 static 的元素,它始終會(huì)處于頁(yè)面流給予的位置(static 元素會(huì)忽略任何 top、bottom、left 或 right 聲明)。
    2. relative
      位置被設(shè)置為 relative 的元素,可將其移至相對(duì)于其正常位置的地方,因此 "left:20" 將向元素的 LEFT 位置添加 20 個(gè)像素。
    3. absolute
      位置設(shè)置為 absolute 的元素,可定位于相對(duì)于包含它的元素的指定坐標(biāo)。此元素的位置可通過(guò) "left"、"top"、"right" 以及"bottom" 屬性來(lái)規(guī)定。
    4. fixed
      位置被設(shè)置為 fixed 的元素,可定位于相對(duì)于瀏覽器窗口的指定坐標(biāo)。此元素的位置可通過(guò) "left"、"top"、"right" 以及"bottom" 屬性來(lái)規(guī)定。不論窗口滾動(dòng)與否,元素都會(huì)留在那個(gè)位置。工作于 IE7(strict 模式)。

    top
    定義了一個(gè)定位元素的上外邊距邊界與其包含塊上邊界之間的偏移。

    1. auto
      默認(rèn)。通過(guò)瀏覽器來(lái)計(jì)算頂部的位置。
    2. %
      設(shè)置元素的頂部到最近一個(gè)具有定位設(shè)置父元素的上邊緣的百分比位置。
    3. length
      使用 px、cm 等單位設(shè)置元素的頂部到最近一個(gè)具有定位設(shè)置上邊緣的頂部的位置。可使用負(fù)值。

    right
    定義了定位元素右外邊距邊界與其包含塊右邊界之間的偏移。

    bottom
    定義了定位元素下外邊距邊界與其包含塊下邊界之間的偏移。

    left
    定義了定位元素左外邊距邊界與其包含塊左邊界之間的偏移。

    overflow
    設(shè)置當(dāng)元素的內(nèi)容溢出其區(qū)域時(shí)發(fā)生的事情。

    1. visible
      默認(rèn)。內(nèi)容不會(huì)被修剪,會(huì)呈現(xiàn)在元素之外。
    2. hidden
      內(nèi)容會(huì)被修剪,但是瀏覽器不會(huì)顯示供查看內(nèi)容的滾動(dòng)條。
    3. scroll
      內(nèi)容會(huì)被修剪,但是瀏覽器會(huì)顯示滾動(dòng)條以便查看其余的內(nèi)容。
    4. auto
      如果內(nèi)容被修剪,則瀏覽器會(huì)顯示滾動(dòng)條以便查看其余的內(nèi)容。

    clip
    設(shè)置元素的形狀。元素被剪入這個(gè)形狀之中,然后顯示出來(lái)。

    1. shape
      設(shè)置元素的形狀。合法的形狀值是:rect (top, right, bottom, left)
    2. auto
      默認(rèn)。瀏覽器可設(shè)置元素的形狀。

    vertical-align
    設(shè)置元素的垂直對(duì)齊方式。

    1. baseline
      默認(rèn)。元素放置在父元素的基線上。
    2. sub
      垂直對(duì)齊文本的下標(biāo)。
    3. super
      垂直對(duì)齊文本的上標(biāo)
    4. top
      把元素的頂端與行中最高元素的頂端對(duì)齊
    5. text-top
      把元素的頂端與父元素字體的頂端對(duì)齊
    6. middle
      把此元素放置在父元素的中部。
    7. bottom
      把元素的頂端與行中最低的元素的頂端對(duì)齊。
    8. text-bottom
      把元素的底端與父元素字體的底端對(duì)齊。
    9. length
    10. %
      使用 "line-height" 屬性的百分比值來(lái)排列此元素。允許使用負(fù)值。

    z-index
    設(shè)置元素的堆疊順序。

    1. auto
      默認(rèn)。堆疊順序與父元素相等。
    2. 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è)備。

    posted on 2009-11-16 13:08 追求無(wú)止境 閱讀(287) 評(píng)論(0)  編輯  收藏


    只有注冊(cè)用戶登錄后才能發(fā)表評(píng)論。


    網(wǎng)站導(dǎo)航:
     
    主站蜘蛛池模板: 久久久久久久久免费看无码| 亚洲av午夜精品一区二区三区| 国产黄色片在线免费观看| 亚洲成aⅴ人在线观看| 一二三四视频在线观看中文版免费| 亚洲GV天堂GV无码男同| 在线观看亚洲天天一三视| 天黑黑影院在线观看视频高清免费| 亚洲国产美女福利直播秀一区二区| 国产成人免费a在线资源| 久久精品私人影院免费看| 亚洲一卡2卡3卡4卡5卡6卡| 综合亚洲伊人午夜网| 九九九精品成人免费视频| 国产99久久久久久免费看| 亚洲中文字幕久在线| 国产aⅴ无码专区亚洲av麻豆 | 久久亚洲高清综合| 国产大片免费网站不卡美女| 一级人做人a爰免费视频| 亚洲永久中文字幕在线| 亚洲精品无码久久不卡| 免费观看成人毛片a片2008| 人妻在线日韩免费视频| 亚洲aⅴ天堂av天堂无码麻豆| 久久亚洲精品成人av无码网站| 波多野结衣中文一区二区免费| 国产h视频在线观看网站免费| 中文字幕乱理片免费完整的| 亚洲AV无码专区在线厂| 亚洲一级免费毛片| 亚洲AV区无码字幕中文色| 亚洲精品动漫人成3d在线| 午夜一区二区免费视频| ww在线观视频免费观看| 国内精品久久久久影院免费| 男女男精品网站免费观看| 亚洲狠狠婷婷综合久久| 亚洲国产精品综合一区在线| 香蕉蕉亚亚洲aav综合| 久久久久亚洲AV成人网人人软件|