css如何設(shè)置標(biāo)簽屬性

這篇文章主要講解了“css如何設(shè)置標(biāo)簽屬性”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“css如何設(shè)置標(biāo)簽屬性”吧！

成都網(wǎng)站建設(shè)、網(wǎng)站制作的關(guān)注點(diǎn)不是能為您做些什么網(wǎng)站，而是怎么做網(wǎng)站，有沒(méi)有做好網(wǎng)站，給創(chuàng)新互聯(lián)建站一個(gè)展示的機(jī)會(huì)來(lái)證明自己，這并不會(huì)花費(fèi)您太多時(shí)間，或許會(huì)給您帶來(lái)新的靈感和驚喜。面向用戶(hù)友好，注重用戶(hù)體驗(yàn)，一切以用戶(hù)為中心。

css設(shè)置標(biāo)簽屬性的方法：首先創(chuàng)建一個(gè)HTML示例文件；然后通過(guò)在html標(biāo)簽上設(shè)置style，來(lái)給標(biāo)簽設(shè)置屬性即可。

本文操作環(huán)境：windows7系統(tǒng)、HTML5&&CSS3版，DELL G3電腦

css怎么設(shè)置標(biāo)簽屬性？css選擇器設(shè)置標(biāo)簽樣式

css選擇器

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

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

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

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

具體的選擇器有很多種：

1、通過(guò)id來(lái)復(fù)制樣式

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

在body里的標(biāo)簽這樣用：但id不能寫(xiě)多個(gè)，所以還是不能多用

    <p id="i1"></p>
    <p id="i1"></p>但id不能寫(xiě)多個(gè)（不規(guī)范）

2、通過(guò)class來(lái)復(fù)制：

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

使用的時(shí)候：

    <p class="c1">1251251</p>能寫(xiě)多個(gè)
    <p class="c1">1251253</p>能寫(xiě)多個(gè)

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

標(biāo)簽選擇器：把所有的p標(biāo)簽變成黑底白字
p{
    background-color: black;
    color: white;
}

4、層級(jí)選擇器：中間是空格

        層級(jí)選擇器：把span標(biāo)簽里p標(biāo)簽弄成這個(gè)樣式
        span p{
            background-color: black;
            color: white;
        }
        層級(jí)：把c1里c2里的p設(shè)置成這個(gè)樣式
        .c1 .c2 p{
            background-color: black;
            color: white;
        }

5、組合選擇器：中間是逗號(hào)

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

6、屬性選擇器：

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

感謝各位的閱讀，以上就是“css如何設(shè)置標(biāo)簽屬性”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)css如何設(shè)置標(biāo)簽屬性這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！

標(biāo)題名稱(chēng)：css如何設(shè)置標(biāo)簽屬性
URL地址：http://jinyejixie.com/article30/psiiso.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供域名注冊(cè)、微信小程序、網(wǎng)站策劃、外貿(mào)建站、ChatGPT、手機(jī)網(wǎng)站建設(shè)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

css如何設(shè)置標(biāo)簽屬性

css選擇器