div是啥东东
本帖最后由 马黑黑 于 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>
看得猫头大啊 老黑咋这么厉害， 马黑客{:5_117:} 大猫咪 发表于 2021-11-29 20:08
看得猫头大啊 老黑咋这么厉害， 马黑客
{:4_203:} 老黑挺不错的，说得很清楚。赞~~~~~~~~~~~~~~~{:4_204:} 加林森 发表于 2021-11-29 20:18
老黑挺不错的，说得很清楚。赞~~~~~~~~~~~~~~~
{:4_203:} 马黑黑 发表于 2021-11-29 20:21
破黑黑，又想干嘛？{:4_334:} 黑黑这个分享的太及时了，可以学习一下，玩代码必须要会的{:4_178:} 加林森 发表于 2021-11-29 20:18
老黑挺不错的，说得很清楚。赞~~~~~~~~~~~~~~~
队长这个对你学习代码有用的 小辣椒 发表于 2021-11-29 20:39
队长这个对你学习代码有用的
是啊，挺好的。啊？小辣椒上来啦！{:4_190:} 加林森 发表于 2021-11-29 20:41
是啊，挺好的。啊？小辣椒上来啦！
今天早点上来，早点下，昨天睡太迟了 最喜欢看黑黑讲解这些。努力学习，必须记住{:4_178:} 太博学了，凡是带字母的玩意，俺一律看不懂。。。{:5_102:} 小辣椒 发表于 2021-11-29 20:52
今天早点上来，早点下，昨天睡太迟了
嗯嗯，你注意身体啊。{:4_204:} 红影 发表于 2021-11-29 20:55
最喜欢看队长讲解这些。努力学习，必须记住
啊？不对不对，是老黑在讲课啊。 加林森 发表于 2021-11-29 21:09
啊？不对不对，是老黑在讲课啊。
打错了，已经改过来了{:4_189:} 红影 发表于 2021-11-29 21:19
打错了，已经改过来了
哈哈哈哈，我差点晕倒。 加林森 发表于 2021-11-29 21:25
哈哈哈哈，我差点晕倒。
那个帖子一直在讨论你的心理阴影面积，结果到这边打顺手了{:4_173:} 东篱闲人 发表于 2021-11-29 21:05
太博学了，凡是带字母的玩意，俺一律看不懂。。。
谦虚谦虚 加林森 发表于 2021-11-29 20:37
破黑黑，又想干嘛？
啥也不想 小辣椒 发表于 2021-11-29 20:39
黑黑这个分享的太及时了，可以学习一下，玩代码必须要会的
就一个 div 标签吧，不是很复杂