div标签_div标签属性_如何使用html DIV

2019-11-05 20:15:55 学习认识什么是DIV，div标签常用属性有哪些，html div如何使用的教程。

div标签是什么，div是html静态网页（前端）标签元素之一。布局漂亮网页大部分标签均是div标签布局完成，再配合p、span、em、h1、h2、h3、b、strong、form、input等标签完成复杂HTMl页面。

一、div标签语法

<div>内容</div>

二、div常见属性：

<div id=”abc”>内容</div>

id调用css中#abc对应CSS样式或JS类

<div class=”bbb”>内容</div>

class调用类bbb，对应CSS样式。

<div style=”font-size:20px”>内容<div>

style直接设置css样式，这里设置字体大小20px

三、使用div布局示范

<div id="warp">
    <div id="head">顶部头部内容区</div>
    <div id="main">
        <div class="left">主体左边内容区</div>
        <div class="right">主体右边内容区</div>
    </div>
    <div id="foot">底部内容区</div>
</div>

简单DIV布局的框架。

div的使用