提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  其他

当前栏目

Div与Span标签详解

2023-02-26 10:21:27 时间

一、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>

Div与Span标签详解

本站部分内容转载自网络，版权属于原作者所有，如有异议请联系QQ153890879修改或删除，谢谢！
转载请注明原文链接：Div与Span标签详解

你还在原价购买阿里云、腾讯云、华为云、天翼云产品？那就亏大啦！现在申请成为四大品牌云厂商VIP用户，可以3折优惠价购买云服务器等云产品，并且可享四大云服务商产品终身VIP优惠价，还等什么？赶紧点击下面对应链接免费申请VIP客户吧：

1、点击这里立即申请成为腾讯云VIP客户

2、点击这里立即注册成为天翼云VIP客户

3、点击这里立即申请成为华为云VIP客户

4、点击这里立享阿里云产品终身VIP优惠价

喜欢 (0)赏
[[email protected]]
分享 (0)

相关文章