在CSS中，我們可以使用多種方法來設(shè)置多個(gè)div，我們可以使用內(nèi)聯(lián)樣式，直接在HTML元素中添加style屬性，
<div style="width: 100px; height: 200px; background-color: red;"></div> <div style="width: 200px; height: 100px; background-color: blue;"></div>
這種方法簡(jiǎn)單易行，但是會(huì)破壞HTML的結(jié)構(gòu)，并且如果樣式較多，代碼會(huì)顯得混亂，我們更推薦使用外部樣式表或者內(nèi)部樣式表來設(shè)置多個(gè)div。
外部樣式表是在HTML文件中通過link標(biāo)簽引入的CSS文件，
<head>
<link rel="stylesheet" href="style.css">
</head>在style.css文件中，我們可以定義多個(gè)div的樣式：
.div1 {
width: 100px;
height: 200px;
background-color: red;
}
.div2 {
width: 200px;
height: 100px;
background-color: blue;
}在HTML文件中，我們可以使用class屬性來引用這些樣式：
<div class="div1"></div> <div class="div2"></div>
內(nèi)部樣式表是在HTML文件的head部分定義的樣式，
<head>
<style>
.div1 {
width: 100px;
height: 200px;
background-color: red;
}
.div2 {
width: 200px;
height: 100px;
background-color: blue;
}
</style>
</head>同樣，在HTML文件中，我們可以使用class屬性來引用這些樣式：
<div class="div1"></div> <div class="div2"></div>
這種方法可以保持HTML的結(jié)構(gòu)清晰，并且方便樣式的維護(hù)和修改，我們還可以使用CSS的優(yōu)先級(jí)和繼承等特性來進(jìn)一步控制樣式的應(yīng)用。
版權(quán)聲明：除非特別標(biāo)注，否則均為本站原創(chuàng)文章，轉(zhuǎn)載時(shí)請(qǐng)以鏈接形式注明文章出處。
