HTML

标签元素 【div标签】

常常大家说DIV CSS布局或DIV+CSS布局，也就是使用这里

一、div标签用法

1、div使用结构
以

2、div用法

内容
 

div布局时内容是放在div开始标签

二、

扩展认识

1、div标签内可以加入属性
div标签本身可以加入class、id、align等属性，当然在DIV+CSS布局中常加class、id

内容
 
内容
 

注意：记住结束标签里是不能放置任何属性或内容的。

2、div内还可以嵌套div或其它标签
div（

这里我放置文字内容
 
    
 
    
这里div嵌套到class=abc的div内
 
 
 
 
    
这里p标签嵌套到class=abc的div内
 
 

当然还可以无限极嵌套内容，CSS DIV布局HTML框架时，常常会DIV嵌套入更加复杂多层关系div或其它标签实现完美布局。

三、div重要性

在HTML网页重构布局中div标签使用算是布局的主要使用标签，通过div等标签使用配合对其设置不同CSS样式达到千变万化的网页。

四、div与css配合

1、div直接设置CSS样式

设置字体颜色为红色
 

使用style可以直接加入CSS样式

2、div使用class或id设置CSS
CSS代码：

.abc{ border:1px solid #06F; height:200px; width:300px;} 
#efg{ color:#03F} 

html代码：

设置蓝色边框 宽度300px 高度200px
 
设置字体蓝色
 

五、div标签小结

在HTML重构时DIV是常用标签，用于架构网页框架、布局局部等，值得注意除了div取代table标签，不是说就不能使用table标签了，有时布局数据类排版、表格类布局还是要使用table来布局这样比使用div节约代码 布局更简单方便，学习div css布局要灵活选用合适HTML标签布局。