CSS的樣式設(shè)置有很多方式,其中用 ID 設(shè)置樣式是一種常用的方式。
#myBox { width: 200px; height: 200px; background-color: yellow; }
上面的代碼中,#myBox 指的是 ID 為 myBox 的元素。在 CSS 文件中,設(shè)置 ID 樣式需要在選擇器前面加上 # 符號。然后在大括號內(nèi)編寫要設(shè)置的樣式。
如果一個 HTML 元素只出現(xiàn)一次,建議使用 ID 設(shè)置樣式。因?yàn)?ID 具有唯一性,可以保證只對一個元素進(jìn)行樣式設(shè)置。
但是需要注意的是,ID 樣式設(shè)置不應(yīng)過多。因?yàn)?ID 具有唯一性,不太適合用于多次重復(fù)出現(xiàn)的元素,這種情況下應(yīng)使用類選擇器設(shè)置樣式。
.myClass { font-size: 16px; color: red; }
上面的代碼中,.myClass 指的是 class 為 myClass 的元素。在 CSS 文件中,設(shè)置類樣式需要在選擇器前面加上 . 符號。
總之,要根據(jù) HTML 元素的不同屬性(唯一性、重復(fù)性等)來選擇不同的樣式設(shè)置方法。這樣能夠更好地提高網(wǎng)頁的效果。