html基础 div - litong534/web GitHub Wiki
<div>可定义文档中的分区或节（division/section）。<div>标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。
如果用 id 或 class 来标记
<div>，那么该标签的作用会变得更加有效。
<div>是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是<div>固有的唯一格式表现。可以通过<div>的 class 或 id 应用额外的样式。
不必为每一个
<div>都加上类或 id，虽然这样做也有一定的好处。
可以对同一个
<div>元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。
div标签是前端工作中最常用的一个标签，由于他默认样式少，各个浏览器之间的差异化表现不大，所以是我们编写页面元素会经常用到它。
html文件是以标签嵌套的方式书写的，有嵌套就会有层级，现代浏览器的页面结构可以简单理解为大盒子套小盒子，所以我们可以基于页面的期望解构来划分它的区域以及层级。
以天猫商城为例
外部有一个div，用来承载所有的内容
这个div的内部，从顶部导航，到搜索栏，到具体的商品展示区域，基于你的书写顺序依次排列
注意div标签总是会充满一整行
这种根据具体的页面呈现方式来划分层级的能力是一项必备的思路，希望大家在练习中尽量刻意去训练用这种方式去思考:smile:。
- 当我们需要一个新行来展示我们的内容时，就可以使用它，例子如下：
<div>我是第一行</div>
<div>我是第二行</div>页面中的样式：
我是第一行
我是第二行- div可以嵌套使用，当你希望将一部分行作为一个整体时：
<div>
<div>第一节</div>
<div>第二节</div>
</div>页面中的样式：
第一节
第二节看不出和第一个例子的区别，是因为你没有添加任何样式来区分它们，和样式相关的内容，这里不扩展讨论，大家可以自行摸索:smile:。