HTML <div> 元素是块级元素。它能够用作其他 HTML 元素的容器。设置 <div> 元素的类，使我们能够为相同的 <div> 元素设置相同的类。下面我们就来做一个实例
实例代码：
<!doctype html>
<head>
<meta charset="utf-8">
<style>
.cms{
background-color:black;
color:white;
padding:20px;
width:600px;
margin:20px;
}
p{
text-indent:2em;
}
</style>
</head>
<html>
<body>
<div class="cms">
<h2>什么是内容</h2>
<p>内容一般有两类：结构化的和非结构化的。一篇博客文章是一个结构化内容的示例。</p>
</div>
<div class="cms">
<h2>什么是CMS</h2>
<p>CMS这个缩写指代内容管理系统。这是一个相当宽泛的术语，在实际中它是指一系列不同的软件类型。</p>
</div>
<div class="cms">
<h2>使用CMS理由</h2>
<p>使用内容管理系统会让生活变得更加简单。但此规则也有例外情况——例如要创建一个只有几个页面的简单网站时，就不需要使用CMS
了。通常情况下，CMS会提供使创建和管理一个网站变得更加容易合理的框架和多种工具。</p>
</div>
</body>
</html>
运行效果：
在这个实例中看出，我们可以一次性为三个div块元素进行统一的css样式设置。
评论