• <tbody id="9je1r"></tbody><tbody id="9je1r"><acronym id="9je1r"><rp id="9je1r"></rp></acronym></tbody>
      • <acronym id="9je1r"><acronym id="9je1r"><rp id="9je1r"></rp></acronym></acronym>

        亚洲无码Aⅴ,视频1页精品,欧美系列一区二区,曰韩色999

        css常用屬性初總結(jié)第一彈:id和class選擇器

        2017/2/25 8:41:41   閱讀:2311    發(fā)布者:2311

        說到選擇器大家都不陌生,估計用的最多的還是id選擇器和類選擇器,
        至于其他的選擇器,今天在這里我避而不談。

        類選擇器:將html元素取一個響亮的名字,用class來標記,就可以使用類選擇器了,
        如<p class="p1">這是段落1</p>,這里我將p元素class設(shè)置
        為"p1",然后再寫css樣式就可以直接使用了,

        舉個栗子:

        <style type="text/css">
        p.p1{color:red;}
        </style>

        </head>
        <body>
        <p class="p1">
        This paragraph will also be center-aligned.
        </p>
        </body>
        </html>

        運行上一段代碼,就將類名為p1的p元素的文字顏色設(shè)置為紅色了,是不是很簡單,
        說明一下,非p元素的類名為p1時沒有效果哦,要想所有
        的class類名為p1的元素有效果,則需要把前面的結(jié)構(gòu)元素名去掉。現(xiàn)在的項目
        都是敏捷開發(fā),所以用類名就得小心了,剛開始大家經(jīng)常抱怨的
        就是類名沖突,結(jié)果就是樣式相互沖突了,所以我們項目上定下了約定,
        以頁面功能來命名類名,從而避免類名沖突。

        另外要提一下的就是多類名:如上面的


        <p class="p1 center">
        This paragraph will also be center-aligned.
        </p>


        一個class值中是可以有一個此列表了,各個詞之間用空格來分開。然后寫樣式就
        一個個寫就ok了,這里估計會有人會問:如果多個類之間有
        相同的css樣式會出現(xiàn)什么情況!這里就要閱讀后面的有關(guān)css層疊的問題了!

        亚洲无码Aⅴ,视频1页精品,欧美系列一区二区,曰韩色999
            • <tbody id="9je1r"></tbody><tbody id="9je1r"><acronym id="9je1r"><rp id="9je1r"></rp></acronym></tbody>
            • <acronym id="9je1r"><acronym id="9je1r"><rp id="9je1r"></rp></acronym></acronym>
              盐源县| 余姚市| 鄂尔多斯市| 太康县| 景德镇市| 保亭| 丹江口市| 齐齐哈尔市| 云和县| 乌兰浩特市| 容城县| 江口县| 南通市| 克什克腾旗| 肥乡县| 延边| 布尔津县| 海城市| 衡山县| 丘北县| 岑巩县| 屏东县| 游戏| 普格县| 安宁市| 富源县| 广东省| 禹州市| 鹿泉市| 漳州市| 台东县| 鹤庆县| 邛崃市| 昭觉县| 卢湾区| 连州市| 静海县| 临海市| 疏附县| 广安市| 清远市|