对HTML进行分类,能够为元素的类定义CSS样式。为相同的类设置相同的样式,或者为不同的类设置不同的样式。
分类块级元素
<!DOCTYPE html>
<html>
<head>
<style>
.cities {
background-color:black;
color:white;
margin:20px;
padding:20px;
}
</style>
</head>
<body>
<div class="cities">
<h2>标题</h2>
<p>内容</p>
</div>
<div class="cities">
<h2>标题</h2>
<p>内容</p>
</div>
</body>
</html>
PS:div元素是块级元素,它能够用作其他HTML元素的容器
分类行内元素
<!DOCTYPE html>
<html>
<head>
<style>
span.red {color:red;}
</style>
</head>
<body>
<h1>内容<span class="red">内容</span>内容</h1>
</body>
</html>
PS:span元素是行内元素,能够用作文本的容器。
广告插入