HTML 为div元素如何设置背景颜色【百科全说】

给div元素设置背景色可以通过以下几种方式实现：
1）在div元素的style属性上设置background-color，此种只能一个一个的div设置，不能批量
2）使用css设置div元素的background-color，此种可以按ID设置一个div，也可以按class设置指定的多个div，也可以直接使用dom的div批量设置整个页面的div
3）使用Jquery设置div元素的background-color，同样可以按ID、class、div设置

操作方法

01

使用文本文件，新建一个txt文档，输入如下内容后，修改后缀名
02

在div元素的style属性上设置background-color的效果如下
03

添加css，并通过设置dom元素的所有div背景色的效果如下：由此可以看出，在div的style样式比css直接对dom元素设置的背景色优先级要高，所以，上一步的背景色还是红色
04

通过特定class设置div的背景色效果如下（在样式前面加点号表示对class设置样式）：如果将上一步演示的div也加上这个class，则上一步的背景色将显示为此处设置的颜色，因为，class设置的样式优先级高于设置dom元素的样式
05

通过Id设置div的背景色效果如下（在样式前面加 # ，表示对ID设置样式）：同时演示了上一步的假设
06

通过JQuery的方式与css的相似，首先需要引入Jquery，然后，通过dom、ID、class找出需要修改的元素，使用【.css("属性", "值")】的格式设置。此处不再演示
07

关于样式的优先级大致介绍如下： 1）可以添加!important提升优先级（相当于10000），格式如下：选择器{样式:值!important;} 2）直接在dom元素的style中写的样式权值：1000 2）使用ID设置的样式权值：100 3）使用class设置的样式权值：10 4）使用dom元素设置整个一类dom演示的权值：1 5）组合样式按照上面的权值计算出谁的值最大，最终显示的就是哪个样式 6）相同权值的样式，写在后面的会覆盖前面样式

HTML 为div元素如何设置背景颜色

操作方法

相关推荐