作者:Loncer 更多學習資源盡在:wwww.loncer.cnHTML selector 就是HTML標簽做為selector,這樣在所有CSS應用的網頁中,所有HTML標簽都會按照所定義的語句來進行顯示.Class selector 要將一種HTML標簽所 " /> 人人爱国产,欧美在线视频免费观看,欧美xxxhd18

一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

Lesson03_02 樣式規則選擇器

樣式規則選擇器



作者:Loncer 更多學習資源盡在:wwww.loncer.cn
  • HTML selector

    就是HTML標簽做為selector,這樣在所有CSS應用的網頁中,所有HTML標簽都會按照所定義的語句來進行顯示.

  • Class selector
    要將一種HTML標簽所創建的各個網頁元素分成幾類,則要將這個HTML標簽的class設置成為不同的值:
    例如:

    <p class="stop">p1</p>
    <p class="warning">p2</p>
    <p class="normal">p3</p>
    樣式定義如下:
    <style>
    <!--
    p.stop {color:red}
    p.waring {color:blue}
    p.normal {color:green}
    -->
    </style>
    注:如果在樣式表定義的時候,selector直接以(.)后接類名,這條樣式規則就適用于所有class=該類名,的所有HTML標簽. 即把class selector分為了兩類:

    1. 關聯class selector: HTML標簽名.類名(可以為同一元素定義不同的規則).
    2. 獨立class selector: .類名(可以為不同的元素定義相同的樣式規則).
  • ID selector ID屬性用來定義某一特定的HTML元素,一個網頁文件中只能有一個元素使用某一ID值.
    網頁中:
    <span ID="yellowone">text here</span>
    樣式定義如下:
    <style>
    <!--
    #yellowone {color:yellow}
    -->
    </style>
  • 關聯選擇器 指用一個空格隔開的兩個或更多的單一選擇器組成的字符串
    例如:
    p em {background: yellow}
    其中的"p em"就是關聯選擇器,它表示<p>標簽對中的<em>標簽對之間的內容的背景為黃色,其它地方出的<em>標簽對中的內容不受影響.
    注:關聯選擇定義的規則的優先權高于單一的選擇器定義的規則.
  • 組合選擇器 為了減少樣式表的重復聲明,可以在一條樣式規則定義中組合若干個選擇器.
    例:H1,H2,H3,H4,H5,H6,TD{color:red}
  • 偽元素選擇器 是指對同一HTML元素的各種狀態和其所包函的部分內容的一種定義方式.
    格式如下: HTML元素:偽元素周期律{屬性:值}
    常用的偽元素如下
    元素名作用
    A:active選中超鏈接時的狀態
    A:hover光標移動到超鏈接上的狀態
    A:link沒有任何動作時的狀態
    A:visited訪問過的超鏈接狀態
    P:first-line段落中的第一行文本
    P:first-letter段落中的第一個字母

    類選擇器可以和偽元素一起使用:
    HTML元素.類名:偽元素 {屬性:值}

HTML/CSS技術Lesson03_02 樣式規則選擇器,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 美女的胸又黄又www网站免费 | 凹凸精品视频分类国产品免费 | 中文字幕日韩专区精品系列 | 久久精品大全 | 欧美激情15p | 国产91精品露脸国语对白 | 大杳焦伊人久久综合热 | 日本精品久久久久护士 | 国内精品视频区在线2021 | 久久91精品国产91久久 | 国产福利91精品一区二区三区 | 伊人精品久久久大香线蕉99 | 中文字幕一区二区三区四区五区 | www.一区二区 | 午夜爱 | 亚洲第一区香蕉_国产a | 国产午夜看片 | 伊人色综合一区二区三区 | 一区二区三区观看 | 黄色免费视屏 | 二区三区在线观看 | 草久久久久| 午夜欧美精品 | 免费国产午夜高清在线视频 | 国产成人精品一区二三区2022 | 91madou麻豆| 色呦呦影院 | 亚洲欧美日韩国产一区二区三区精品 | 国产二区视频 | 一色屋色费精品视频在线看 | 欧美国产综合在线 | 午夜视频在线观看网站 | 免看一级a毛片一片成人不卡 | 免费精品一区二区三区在线观看 | 美女张开腿让男人桶爽的免费动漫 | 色综合综合在线 | 韩国一级爽快片淫片高清 | 色多多a| 国模大胆一区二区三区 | 黑人www | 国产福利片在线 |