HTML块
HTML元素可分为块级元素、内联元素
块级元素在显示时，前后分行；内联元素显示时，前后连接
<div> 块级元素
没有特殊含义，一个块级元素，用于组合其他HTML元素的容器
与css一同使用，可对整个内容块设置样式属性
常用于文档布局，去嗲了使用表格定义布局的老方法，<table>元素的作用是显示表格化的数据
<span> 内联级元素
没有特殊含义，一个内联元素，可用作文本的容器
与css一同使用，<span>元素可用于为部分文本设置样式属性
--------------------------------------------------------------------------------------------------------------------------
HTML类
对HTML分类设置后，可为元素的类定义css样式
<!DOCTYPE html>
<head>
<style>
.cities{
background-color:balck;
color:white;
margin:20px;
paddiing:20px;}
</style>
</head>
<div class="cities">
<h2>London</h2>
<p>London is the capital city of England. It is the most populous city in the United Kingdom.</p>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<style>
span.red {color:red;}
</style>
</head>
<h1>My <span class="red">Important</span>Heading</h1>
</body>
</html>
原文：https://www.cnblogs.com/linyuansun/p/12380961.html