• 微信公众号:美女很有趣。 工作之余,放松一下,关注即送10G+美女照片!

给 div 元素添加背景色、设置元素的 id 、 使用 id 属性来设定元素的样式

开发技术 开发技术 6天前 5次浏览
 

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 用 #


喜欢 (0)