• <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>
              个旧市| 新田县| 洛浦县| 湛江市| 曲麻莱县| 永宁县| 丰都县| 新余市| 石泉县| 柳林县| 巫溪县| 丹寨县| 河南省| 福州市| 横山县| 定兴县| 民和| 辛集市| 昌图县| 安岳县| 永安市| 商洛市| 双城市| 文水县| 闽侯县| 奉化市| 慈利县| 日照市| 象州县| 阳江市| 临沭县| 平和县| 宁乡县| 库尔勒市| 崇义县| 高台县| 柘荣县| 天长市| 县级市| 密山市| 水富县|