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

2021/5/1 10:25:12

本文主要是介绍给 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 用 #



这篇关于给 div 元素添加背景色、设置元素的 id 、 使用 id 属性来设定元素的样式的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程