首页 > 其他 > 详细

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

时间:2021-05-01 12:22:51      阅读:36      评论:0      收藏:0      [点我收藏+]
 

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

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

原文:https://www.cnblogs.com/cjbsai/p/14723834.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!