Div与Span标签详解


一、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>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值