css的使用

發(fā)布時(shí)間：2020-07-02 12:39:51 來源：網(wǎng)絡(luò) 閱讀：282 作者：緣來沒法擋欄目：編程語言

CSS的三種定義中類選擇符、ID選擇符和默認(rèn)標(biāo)簽選擇符的區(qū)別

1、類選擇符用“.”

多個(gè)元素可公用一個(gè)class:

在<head></head>中定義如下代碼

<head runat="server">
    <title></title>
    <style type="text/css" >
    .class1
    {
        color:#ff0000;
        background:blue;
                                                                                                                                               
        }
    </style>
</head>

再在div塊中使用

<div class="class1"> 江西省</div>

效果截圖： css的使用

2、ID選擇符用“#”

頁面上的元素的ID是唯一的，所以一個(gè)“#”定義的樣式對應(yīng)一個(gè)元素

在<head></head>中定義如下代碼

<style type="text/css">
   #div1
   {
       font-size:xx-large;
       }
   </style>

再在div1中使用

id="div1"
   >
   高安市
   </div>

效果如圖 css的使用

注意：兩個(gè)style可以合并公用一組<style type="text/css"></style>,定義ID選擇符就要在ID名稱前加“#”

3、標(biāo)簽選擇符

在<head></head>中定義如下代碼

<style type="text/css" >
    .class1
    {
        color:#ff0000;
        background:blue;
                                 
        }
    div{
                             
    font-weight:bold;
    }
    </style>

再在body寫如下

<div>CHINA</div>

效果截圖 css的使用

4、群標(biāo)簽選擇符：多個(gè)標(biāo)簽公用一個(gè)格式

div p{
font-weight:bold
}

向AI問一下細(xì)節(jié)

css的使用

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽