欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

css選擇器設(shè)置標(biāo)簽樣式的實例代碼

  發(fā)布時間:2018-11-22 14:57:12   作者:佚名   我要評論
這篇文章主要介紹了css選擇器設(shè)置標(biāo)簽樣式的實例代碼,需要的朋友可以參考下

css選擇器

在html標(biāo)簽上設(shè)置style可以給標(biāo)簽設(shè)置屬性:

<div style="background-color: #2459a2;height: 48px;">啊啊啊</div>

我們還可以通過<head>標(biāo)簽里設(shè)置選擇器,這樣每種樣式只需要寫一遍

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        <!--在這里寫選擇器-->
    </style>
</head>

具體的選擇器有很多種:

1、通過id來復(fù)制樣式

#i1{
    background-color: #2459a2;
    height: 48px;
}

在body里的標(biāo)簽這樣用:但id不能寫多個,所以還是不能多用

    <div id="i1"></div>
    <div id="i1"></div>但id不能寫多個(不規(guī)范)

2、通過class來復(fù)制:

/*class選擇器:用class=c1來就可以復(fù)制這個樣式,同時避免了id必須統(tǒng)一的缺陷*/
.c1{
    background-color: #2459a2;
    height: 60px;
}

使用的時候:

 <div class="c1">1251251</div>能寫多個
    <div class="c1">1251253</div>能寫多個

3、標(biāo)簽選擇器:把某一標(biāo)簽都變成這個樣式:

標(biāo)簽選擇器:把所有的div標(biāo)簽變成黑底白字

div{
    background-color: black;
    color: white;
}

4、層級選擇器:中間是空格

        層級選擇器:把span標(biāo)簽里div標(biāo)簽弄成這個樣式
 

  span div{
            background-color: black;
            color: white;
        }
        層級:把c1里c2里的div設(shè)置成這個樣式
        .c1 .c2 div{
            background-color: black;
            color: white;
        }

5、組合選擇器:中間是逗號

    <style>
        組合選擇器:#或者.都可以實現(xiàn)組合
        #i1,#i2,#i3{
            background-color: black;
            color: white;
        }
        .c5,.c6,.c7{
            background-color: black;
            color: white;
        }
    </style>

6、屬性選擇器:

    <style>        
        /*屬性選擇器:把type='text'的設(shè)成這個樣式*/
        input[type='text']{
            width: 100px;
            height: 200px;
        }
        把自定義的n的值為s1的標(biāo)簽設(shè)置成這個樣式
        input[n='s1']{
            width: 100px;
            height: 200px;
        }
    </style>

總結(jié)

以上所述是小編給大家介紹的css選擇器設(shè)置標(biāo)簽樣式的實例代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!

相關(guān)文章

最新評論