第5个回答 推荐于2016-11-09
一、DIV代码语法 - TOP
DIV代码是放入小于与大于符号内,即“<div>”。
DIV是一对闭合标签,即“<div>”开始,“</div>”结束的盒子标签。
语法结构:
<div>我是内容</div>
说明:div代码有开始就要必须有闭合。
使用“<div>”开始,“</div>”闭合。
二、DIV嵌套DIV - TOP
div标签内可以嵌套无限级DIV。
<div>单独DIV</div>
<div class="box">
<div class="left"></div>
<div class="right"></div>
</div>
以上代码,单独div代码也可以,DIV内嵌套DIV也是可以的。DIV嵌套div非常普遍的布局,也是不可避免的,常见DIV+CSS布局大框架DIV里内就嵌套若干DIV盒子,若干DIV盒子再嵌套更下的DIV盒子,实现各种各样网页布局。
我们把最外层的DIV比作一个房间,而房间里有装物品各种大小盒子,大小盒子里还可以装小盒子,而这些大大小小盒子我们可以看做DIV,所以从空间想象来理解这个嵌套是允许的这样就比较好理解。
三、DIV布局结构 - TOP
一般DIV用于布局网页结构,比如上下结构、左右结构、更复杂综合的结构我们使用DIV来布局(DIVCSS5在线VIP教程也提供有基本结构布局图文教程)。除了使用DIV布局大结构,小结构而外,对应设置各种各样CSS样式即可实现各式各样漂亮美工布局。
四、div中style使用css代码 - TOP
div中可以直接写CSS样式代码,只需要DIV代码(标签)中使用style属性即可直接写CSS样式。
案例:
1、DIV代码:
<div style="color:#F00;border:1px solid #000;width:300px;height:100px">你好 DIVCSS5</div>