大家好我是密码！！！
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>div学习</title>
</head>
<body>
<!--div标签默认没有任何的效果-->
<div style="font-size: 300px;color: red;font-family: 华文彩云">
div标签里的内容
</div>
<div style="background-color: pink">
一个新的div
</div>
</body>
</html>
这段代码是一个HTML文档，用来展示div标签的用法。div标签是一个容器标签，用于将HTML文档分成若干个部分或区块。在这段代码中，有两个div标签。 第一个div标签内包含了一段文字"div标签里的内容"，并设置了其样式为红色、300像素的字体大小和华文彩云字体。 第二个div标签内包含了一段文字"一个新的div"，并设置了其背景颜色为粉色。 这些样式都是通过style属性来实现的，可以通过该属性来定义标签的样式。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--给当前页面设置统一的div样式-->
<style>
.abc{
width: 300px;
height: 300px;
background-color: lightskyblue;
}
</style>
</head>
<body>
<!--给div选择对应的样式-->
<div class="abc"></div>
<div></div>
<p class="abc"></p>
</body>
</html>
这段HTML代码是一个简单的页面结构。首先，我们在<head>标签中定义了页面的标题，即Title。然后，在<style>标签中定义了一个名为.abc的样式，它设置了一个宽度为300px、高度为300px、背景颜色为lightskyblue的div的样式。
在<body>标签中，我们创建了三个元素。第一个是一个<div>元素，它使用了之前定义的.abc样式，因此它的样式与之前定义的相同。第二个是一个空的<div>元素，它没有应用任何样式。第三个是一个<p>元素，它也应用了之前定义的.abc样式，因此它的样式也与之前定义的相同。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--给当前页面设置统一的div样式-->
<style>
.abc{
width: 300px;
height: 300px;
background-color: lightskyblue;
}
</style>
</head>
<body>
<!--给div选择对应的样式-->
<div class="abc"></div>
<div></div>
<p class="abc"></p>
</body>
</html>
这是一个HTML代码，用于创建一个网页。在这个网页中，有一个类名为"abc"的div元素，它的宽度和高度都为300像素，背景颜色为浅天蓝色。此外，还有两个没有设置样式的div元素和一个类名为"abc"的p元素。
扫一扫
245
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
