码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2020-03-30 16:14:02      阅读:77      评论:0      收藏:0      [点我收藏+]

标签:blog   之一   怎么   back   pre   err   col   add   ofo   

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>中可以存在子元素。

本文转载于:猿2048https://www.mk2048.com/blog/blog.php?id=hh2ik0i0iab

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

标签:blog   之一   怎么   back   pre   err   col   add   ofo   

原文地址:https://www.cnblogs.com/homehtml/p/12598717.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!