1、<div>和<span>
HTML中分为块级元素(block level element)<p><h1><ul><table>和内联元素(inline element)<img><b><td><a>
<div>属于块级元素,没有特殊的含义,与css联合使用,可以对大的类容块设置样式 如class
<span>属于内联元素,也没有特殊含义,与css一起使用,可以对部分样本设置样式。
2、类
举例:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="form/html; charset=utf-8" />
<style>
.cities{
background-color:blue;
color:red;
magin:20px;
padding:20px;
}
span.blue{
color:blue;
}
</style>
</head>
<body>
<div class="cities">
<h1>我是女生</h1>
<p>你是说我是一个女生吗</p>
</div>
<h2>我是男生</h2>
<p>你是说我是一个<span class="blue">男生</span>吗</p>
</body>
</html>