給 div 元素添加背景色、設置元素的 id 、 使用 id 屬性來設定元素的樣式


 

background-color屬性可以設置元素的背景顏色。

例如,你想將一個元素的背景顏色改為green,可以在你的style里面這樣寫:

.green-background {
  background-color: green;
}
 

除了class屬性,每一個 HTML 元素也都有id屬性。

使用id有幾個好處:你可以通過id選擇器來改變單個元素的樣式,稍后的課程中,你也會了解到在 JavaScript 里面,可以通過id來選擇元素和操作元素。

id屬性應是唯一的。瀏覽器不強迫執行這規范,但是這是廣泛認可的最佳實踐。所以,請不要給多個元素設置相同的id屬性。

 

 

id不可以重用,只應用於一個元素上。同時,在 CSS 里,id的優先級要高於class,如果一個元素同時應用了classid,並設置樣式有沖突,會優先應用id的樣式。

選擇idcat-photo-element的元素,並設置它的背景樣式為green,可以在你的style標簽里這樣寫:

#cat-photo-element {
  background-color: green;
}

注意在style標簽里,聲明 class 的時候必須在名字前插入.符號。同樣,在聲明 id 的時候,也必須在名字前插入#符號。

在style 創建class .開頭名字{background-color: 顏色;} 在div輸出class="名字" 添加背景顏色

 

id可以改變元素的樣式 應是唯一。

 

class用.  id 用 #


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM