• 技术文章 >web前端 >html教程

    ​div标签如何使用的

    清浅清浅2021-04-20 11:01:22原创12713

    div标签的使用方法:1、div标签可以通过设置class或id来获取样式;2、div标签也可以直接通过内联式的方法获取样式。

    本文操作环境:Windows7系统、Dell G3电脑、HTML5&&CSS3版。

    div标签的使用:div标签可以通过设置class或id来获取样式,也可直接通过内联式的方法获取样式

    <div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。接下开在文章中将为大家介绍div如何使用,具有一定参考价值,希望对大家有所帮助

    div含义:

    div标签称为区隔标记,可定义文档中的分区或节,目的是把文档分割为独立的、不同的部分。它可设定文本、图像、表格等元素的位置

    div是用来为HTML文档内的块级内容提供结构和背景的元素。div的起始标签和结束标签之间的所有内容都是用来构成这个块的,其中所包含元素的特性将由div标签的属性来控制,或者是通过使用样式表来进行控制。

    div的用法:

    <div> 是一个块级元素,这意味着它的内容将自动的占一行。通过div的class或者id可以获取额外的样式实,但不需要为每一个div都加上选择器。

    可以对同一个 <div> 元素应用 class 或 id 属性,但是一般情况下只应用其中一种。这两者的主要区别是,class 用于类元素(可以理解为某一类元素),而 id 用于标识单独的唯一的元素。

    【推荐课程:HTML课程

    例:不给div添加选择器的用法

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Document</title>
    </head>
    <body>
     <div style="color:pink">
      <h1>div的用法</h1></div>
    </body>
    </html>

    效果图:

    例:为div添加一个class选择器

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
    .demo{
    width:450px;
    height: 300px;
    background: pink;
    text-align: center;
    line-height: 300px;
    font-size: 20px;
    }
    </style>
    </head>
    <body>
     <div>div的用法</div>
    </body>
    </html>

    效果图:

    总结:以上就是本篇文章的全部内容了,希望对大家学习div有所帮助

    以上就是​div标签如何使用的的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:​div
    上一篇:表单控件select标签是如何使用的 下一篇:div和span的区别是什么
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• DIV CSS网页布局 最小高度(min-height)的妙用_经验交流• div+css中Class与ID的区别_经验交流• HTML中的div标签_html/css_WEB-ITnose
    1/1

    PHP中文网