div标签-HTML5精讲 课时ID:6.7 【表严肃】#HTML教程 #HTML5教程 #div标签#

2024年4月28日 74次阅读 来源: 表严肃

6.7 <div>标签-HTML5精讲 课时ID:6.7 【表严肃】#HTML教程 #HTML5教程 #div标签

是什么

<div>是用于在网页中划分区域的（division的缩写），通常作为容器而存在，用于包含网页中的内容,
是最常用的网页元素之一。

怎么用

<html>
    <body>
    <div>你好，我是序员。</div>
    <div>
        <div>
            <div>
                <div>
                    <div>
                        你是个好人。
                    </div>
                </div>
            </div>
        </div>
    </div>
    <mmp>简单点。套路的方式简单点。</mmp>
    </body>
</html>

<div>的特点是非常纯粹，在没有明确指定的情况<div>下没有边框，没有填充，没有边距，完全透明，在标签中没有内容的情况下高度为零，完全不可见，它的高度随身体里的内容而定，内容多就高内容少就低，可以说<div>是个完美的容器，想象一个完全透明、没有质量、体积为零但容积自由伸缩无限、质量还极好的塑料袋，<div>就是个这样的存在。

教程视频地址:
表严肃HTML5精讲 短小! 活好! 链接：biaoyansu.com/6.7

Tips:

  • 一张网页可有多个<div>标签

  • <div>是块级元素（默认宽度是100%）

  • <div>中可以存在子元素。

    原文作者：表严肃
    原文地址: https://segmentfault.com/a/1190000007060941
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞