html5中div标签,HTML5中div标签的实例代码

本文介绍了HTML5中div标签的使用特点,并通过实例代码展示了其与其他元素的区别,如span标签,帮助读者更好地理解div标签的应用场景。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

这篇文章给大家介绍的内容是关于HTML5中div标签的实例代码,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

Document

/* 块元素的特点

1.默认宽度 父元素的百分百;一致

2.霸占一行

3.支持全部样式

*/

.box{

width: 100px;

height: 50px;

background-color: red;

}

span{

/* 1.行内元素排列一行,遇到边界 会自动换行 */

background-color: red;

/* 2.宽高有内容决定 不支持宽高 不支持margin上下 */

width: 200px;

height: 200px;

margin: 100px 20px;

/* 3.padding上下有问题 */

/* padding: 50px 20px; */

}

段落

标题标签

  1. 有序1
  2. 有序2
  3. 有序3
  4. 有序4
  5. 有序5
  • 无序1
  • 无序2
  • 无序3
title
定义列表
定义列表
定义列表

标注

行内元素

行内元素

运行效果如下:

df5aeb76dd9423650b9a926b297d41d3.png

相关推荐:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值