div是啥东东

马黑黑 · 发表于 2021-11-29 19:56

请马上登录，朋友们都在花潮里等着你哦：）

您需要登录才可以下载或查看，没有账号？立即注册

x

本帖最后由马黑黑于 2021-11-29 20:14 编辑

HTML是一种标记性的东东，浏览器按其语法规范解析，得出的效果就是你看到的每一张网页的样子。“语法”是啥？就是事先定义好的表述语言规范，比如说文本段落，我们用 <p>内容</p>这样的表达方式来表示，而分行，我们用 <br /> 或 <br> 来表达（前者是HTML5规范，后者是之前的规范，本论坛好像支持的是后者）。试看以下代码：

<p>我这是一个独立段落</p>

这里是第一行<br />
我是第二行<br />
我是第三行

那么，div 标签又是啥东东？

div 说的是分区。一个大文档，可以是诸多个小文档组成，换言之，一个大文档可以分割成几个区域，或自上而下，或自左向右，或上下左右分割。实现分割的方式，在 HTML 里，方法就是用 div 标签。

div 和前述 p 标签一样（但和 br 不同），有起始符 <div> 并有结束符 </div>，只有这样的表述规范方能在网页布局中产生作用。

div 的属性非常之多，而我们常用到的无非就是：

width 宽度
height 高度
position 位置摆放方式（绝对位置 absolute 和相对位置 relative，论坛音画帖必用）
align 横向位置方式（左对齐 left、居中 center等）

这些属性，可以通过 CSS 层叠样式表总体规范（论坛发帖者无此权限，除非熟知论坛的 .css 文档相应规范），也可以在实际应用时加入 style 属性进行临时规范（论坛发帖者通常可用的权限）。

下面是几个常见的 div 代码范例：

<div width="50%" align="center">宽度为父容器的50%、居中</div>

<div stlyle="position: relative; width:1000px; left:-300px; top:0px;">style属性临时规范分区样式：1000像素宽度、相对位置、左移300像素、顶部默认值0px</div>

<div style="position:absolute; left:0px;top:0px;width:1000px;">style属性临时规范分区样式：1000像素宽度、绝对位置、起始位置位于左上角</div>