Div与Span标签详解

Div与Span标签详解

  • 一、DIV
    • 1.简介
    • 2.作用
    • 3.案例
  • 二、span
    • 1.简介
    • 2.语法
    • 3.案例


一、DIV

1.简介

  • 在html中布局使用最多标签为div,
  • 我们通常将网页重构说成div css制作。
  • Div本身没有什么特别之处,只是div标签替代了以前table标签布局。
  • 我们通过对div标签对象设置不同样式实现我们要的美化效果。
  • 通常一对未设置任何样式的div,独占一行。

2.作用

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.语法

3.案例


<!DOCTYPE html>
<html>
<head>
</head>
<body>
<span>我是span标签</span>
<span>我是span标签AAA</span> 
</body>
</html>

本文链接:https://my.lmcjl.com/post/3983.html

展开阅读全文

4 评论

留下您的评论.