国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網(wǎng)站 > WEB開發(fā) > 正文

第三章 CSS的應(yīng)用補(bǔ)充

2024-04-27 13:54:13
字體:
供稿:網(wǎng)友
  • <style id="ujgr6"></style>
  • <style id="ujgr6"></style>

            挑 選 者 特 性 的 應(yīng) 用

              在講挑選者的特性之前,要提一下的是CSS繼承的特性。所謂的繼承的特性是指被包在內(nèi)部的標(biāo)簽將擁有外部標(biāo)簽的樣式性質(zhì)。繼承的特性最典型的應(yīng)用通常發(fā)揮在預(yù)設(shè)整份網(wǎng)頁的樣式,而要指定為其它樣式的部份再依要設(shè)定在個別元素里即可。這項(xiàng)特性可以提供網(wǎng)頁設(shè)計(jì)者更理想的發(fā)揮空間。

              接下來就要講挑選者特性的應(yīng)用!其實(shí)這部份應(yīng)該算是聲明的一種方式,但是在您看過第二章的基本的聲明與應(yīng)用後,到這邊再講挑選者您會比較有概念點(diǎn)。在CSS應(yīng)用或設(shè)計(jì)的時候,有幾種依據(jù)元素的關(guān)系或性質(zhì)來設(shè)定顯示特定性質(zhì)的方法,就是挑選者特性的應(yīng)用,能讓您在控制與應(yīng)用上更加靈活。

            一、前後文挑選者:依聲明標(biāo)簽前後文關(guān)系顯示特定性質(zhì)的方法。
            前後文挑選者便是當(dāng)瀏覽器在顯示HTML原始碼所指定的內(nèi)容時,會考慮元素標(biāo)簽的前後關(guān)系,而去顯示指定的樣式聲明。也就是說只要HTML原始碼內(nèi)的標(biāo)簽排列前後順序符合時,該項(xiàng)聲明便會發(fā)生作用了!
            元素A(標(biāo)簽A) 元素B(標(biāo)簽B) 元素C(標(biāo)簽C) ... {樣式規(guī)則}
            要注意的是,前後文挑選者的聲明跟集體聲明很像,但是集體聲明的元素標(biāo)簽間要用逗號隔開,而用前後文挑選者聲明時元素標(biāo)簽間要用空格隔開;而這兩種聲明方式您可以混合使用。
            元素A 元素B, 元素C 元素D 元素E, ... {樣式規(guī)則}
            這樣您就可以用集體聲明的方式,聲明數(shù)組前後文挑選者的樣式規(guī)則。

            二、類別挑選者:讓單一或數(shù)個標(biāo)簽使用同組樣式規(guī)則的方法。
            類別(class)可以讓不同的元素標(biāo)簽共同套用同一組樣式性質(zhì)或相同的元素標(biāo)簽套 用不同組的樣式性質(zhì)。首先介紹的是如何讓不同的元素套用同一組樣式性質(zhì),如下面范例所寫即可。
            <HTML>
            <HEAD>
            <STYLE>
            <--
              .blue { color : BLUE }
            -->
            </STYLE>
            </HEAD>
            <BODY>
               ...
             <H1 class="blue">...</H1>
               ...
             <P class="blue">... </P>
               ...
            </BODY>
            發(fā)表評論 共有條評論
            用戶名: 密碼:
            驗(yàn)證碼: 匿名發(fā)表
            主站蜘蛛池模板: 重庆市| 两当县| 柳江县| 桐乡市| 临湘市| 抚顺县| 巩留县| 河曲县| 普格县| 陇南市| 巴林左旗| 四子王旗| 塔河县| 阿尔山市| 博野县| 大兴区| 石楼县| 聂拉木县| 嘉义县| 凤庆县| 濮阳县| 彰化县| 大宁县| 运城市| 全椒县| 龙川县| 比如县| 大城县| 兴业县| 色达县| 荣昌县| 大渡口区| 陇南市| 阳曲县| 石林| 舞阳县| 高清| 湖州市| 宜都市| 绵阳市| 清丰县|

            <center id="ujgr6"><strike id="ujgr6"></strike></center>
            <rp id="ujgr6"></rp>