Div 是英文 Division 的缩写，意思是划分。它是有首标签和尾标签的成对标签，在其首标签和尾标签间的内容能够前后隔开，形成区块。这是个常用标签，为了方便使用起见，我们还是给它起个中文名字吧，叫它区块标签。 区块标签可谓是“大户人家”，有着很丰富的内容。网上介绍这方面内容也颇多。然而，对于不太熟悉代码的人，特别是对于学习代码刚刚入门的人，想把区块标签看明白还是有些难度的，它可不同于文字标签、移动标签那么简单易懂，因为要叙述它，就不可避免的有术语，“行话”，而这，无异于是在唸经，或说是外星人语言。 我为把区块标签聊得尽可能明白些是费了很大脑筋的，无奈水平太低，自然乏术。我一向追求系统，追求全面的想法也就成了泡影。最后，我确立了我“聊”的原则。原则一：不再求全，筛选内容，注重实用性，不常见或不常用的内容都略去。原则二：少理论，多实践。注重实例，从实例中悟彻理论。 在区块标签中，可设置的属性有很多，我选择了五个（是我们常见或常用的）属性，在本集一一介绍。 （一）div align 属性： 效果： ＜div align="center"＞对齐方式为居中
＜div align="left"＞对齐方式为居左
＜div align="right"＞对齐方式为居右 区块标签＜div＞和段落标签＜p＞在定义对齐方式属性时可以相互替代 （二）div style 属性： 效果： 字色为黄色 字体为黑体 字号为22px  为文字设置属性代码： ＜div style="color: yellow; font-family: 黑体; font-size: 22px;">字色为黄色 字体为黑体 字号为22px＜/div＞ 为图片设置属性代码： ＜img src="http://image109.360doc.com/DownloadImg/2022/08/3022/251183214_1_20220830100610803.jpg" style="width: 700px; height: 300px;"/＞＜/div＞ （三）style 属性代表 css 样式，也称标签内样式。 效果： 红色字，英文名称，使用的是区块标签。 黄色字，英文名称，使用的是区块标签。 绿色字，汉字名称，使用的是段落标签。 粉色字，汉字名称，使用的是段落标签。 红色字代码： ＜style type="text/css">#red{color:red; font-size:20px; } ＜/style＞ ＜div id="red"＞红色字，英文名称，使用的是区块标签。＜/div＞ 黄色字代码： ＜style type="text/css">#yellow{color:yellow; font-size:25px; } ＜/style＞ ＜div id="yellow"＞黄色字，英文名称，使用的是区块标签。＜/div＞ 绿色字代码： ＜style type="text/css">#绿{color:#0f0; font-size:30px; } ＜/style＞ ＜p id="绿"＞绿色字，汉字名称，使用的是段落标签。＜/div＞ 粉色字代码： ＜style type="text/css">#粉{color:#f0f; font-size:30px; } ＜/style＞ ＜p id="粉"＞粉色字，汉字名称，使用的是段落标签。＜/div＞ 代码解析: ①上面的文字分四种颜色，分别使用了区块标签和段落标签，说明 id 适用于这两个标签。 ② id 是英文 IDentity 的缩写，是表示身份标识号码意思的。它本身不具备任何内容，就像一个空袋子，是用来装属性的。 ③属性不能直接给 id ，需要首先写入＜style type="text/css">后面的 { } 内，并且，还要命个名称，这个名称可以是英文，也可以是汉字，在名称前面一定加个#号或点.符。这个#号或点.符后的名称就是 id 所需要的。如果你不会外语，建议以汉字命名，这样看着方便。 ④把#号或点.符后面的命名，例如“红”，写入＜div id=" "＞的引号内，成为＜div id="红"＞，任务就完成了。把含有属性的命名代入到 id ，你不觉得这很像解代数题吗？ （四）div class 属性： 效果： 区块标签＜div＞和段落标签＜p＞在此可以相互替代。 命名前的小黑点是英文半角小写句号，不可无。 代码： ＜style type="text/css">.老小孩{color:#00Ff00; font-size:25px} ＜/style＞ ＜div class="老小孩"＞命名前的小黑点是英文半角小写句号，不可无。（本代码只是样子，不显示图像）＜/div＞ ＜/span＞＜/span＞＜/p＞ 代码解析: class 与 id 一样，都是设置css样式属性的，使用方法相同。②同样，都适用于区块标签和段落标签。③两者不同之处在于，命名的样式选择器不一样 id 的名前是#字号；而 class 的名前是英文半角小写句号（小黑点）。 （五）div title 属性： 效果：（属标放在图片上显现文字） 代码： ＜div title="鼠标悬停时我显示。我是title，是设置标题属性的我是飞天。">＜img src="http://image109.360doc.com/DownloadImg/2022/08/3022/251183214_2_20220830100611272.jpg" style="width: 572px; height: 310px;" /＞＜/div＞ 代码解析：title 英文，标题的意思，用来设置标题属性。当将鼠标停放在图片或文字上时，设置的文字就会显现。 | 
