什么是div标签？

Div标签代表一组必要的结构。目的是将夹在div标签之间的字符分成块。因此，单独的div标签没有任何效果，如改变颜色或改变字符样式。

另外，如果div标签不适合其他元素，暂时不要用。

然而，事实上，当我们需要指定哪个元素时，我们经常使用div标签。

您可以通过向div标签添加id和类并使用CSS处理id和类来更改div标签中的颜色或更改为其他样式。

div标签和Section标签的比较

我认为节标签在文档上显示单个集合更合适

区段标签用于将组表示为文档。

我认为章节有章节项目

就像这种章节子句的概念一样，小节标签是一个块，如果提取出来，通常就没有意义了。

在一篇报纸文章中，即使你只编辑章节项目，我也不认为整篇文章的意图是可以传达的。

相比之下，section标记的用法不同于div标记，而是作为一个句子来表示一个组。

div标签的用法

按照如下方式编写div标签。

Div内容/div

如上所述，div标签通过添加id和类非常有用。如何分配id和类如下。

Divid='id name '内容/div

Divid='class name '内容/div

对了，id和类

对了，id和class是什么？Id和类称为属性，id是类似于带有d号的I的东西，相同id名的东西在这个页面只能使用一次。

相反，我们对只使用一次的东西使用id属性。

另一方面，类属性可以在同一个页面上多次使用。如果要指定“此元素与此元素颜色相同”，请使用class属性。

当然，即使只使用一次，也可以使用class属性。

让我们看看实际的例子

让我们首先看看div标签包装的结果

对于id和类，我们指定每个名词的颜色名称。

使用以下源代码创建一个div.html并在浏览器中打开它。

div.html

超文本标记语言

头

metacharset='utf-8'/

/head

身体

Divid='red' apple /div

Divclass='skyblue '天空/div

Divclass='黄色'香蕉/div

Divclass='blue' sea /div

Divclass='淡黄色'蒲公英/div

/body

/html

浏览器中显示的效果如下：

2345截图20181126115725.png

上面只显示了文字，现在我们用CSS作为背景色。

！DOCTYPEhtml

超文本标记语言

头

metacharset='utf-8'/

标题/头衔

styletype='text/css '

#红色{

背景色： # ff 0000；

}。天蓝色{

背景色color:skyblue

}。黄色{

背景色：黄色；

}。蓝色{

背景色：蓝色；

}。米色{

背景色-:米色；

}

/style

/head

身体

Divid='red' apple /div

Divclass='skyblue '天空/div

Divclass='黄色'香蕉/div

Divclass='blue' sea /div

Divclass='米色'蒲公英/div

/body

/html

本文转载自中文网站