HTML实例-071 HTML的分类块级元素

hrs 提交于 2019/11/13 - 20:11 , 周三

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>

运行效果:

html_071.png

在这个实例中看出,我们可以一次性为三个div块元素进行统一的css样式设置。

标签

相关文章