一、DIV
1.简介
- 在html中布局使用最多标签为div,
- 我们通常将网页重构说成div css制作。
- Div本身没有什么特别之处,只是div标签替代了以前table标签布局。
- 我们通过对div标签对象设置不同样式实现我们要的美化效果。
- 通常一对未设置任何样式的div,独占一行。
2.作用
Div起分割作用,是分割内容常使用的标签。DIV+CSS更是起到分割与设置对应样式作用。
3.案例
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div>第一个div</div>
<div>第二个div</div>
<div>第三个div</div>
</body>
</html>
二、span
1.简介
- 在HTML中,除了使用div标签布局外,我们也常常使用span标签布局。
- span本身没有什么特别之处,通常网页布局都可以使用此标签布局。
- 我们也可以通过对span标签对象设置不同样式实现我们要的美化效果。
- 特性,通常一对未设置任何样式的span,高宽是自适应内容,多容多少,此标签就占用多少距离空间。
2.语法
在span标签内部加我们所需要的内容即可
3.案例
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<span>我是span标签</span>
<span>我是span标签AAA</span>
</body>
</html>