DIV的用法-DIV使用方法

DIV用法的语法

内容

div作为html网页中常用的标签，其默认样式是独占一行，其CSS样式需要重新赋予。比如对div宽度、高度等样式设置、内部字体大小、字体颜色都需要通过CSS来实现。

通俗认识div，div作用就是实现布局、实现对内容样式控制、实现各种各样的布局效果。

DIV的用法实例，这里通过对div设置不同CSS样式，观察其效果。

1、DIV+CSS实例完整HTML源代码：

div的用法在线演示www.divcss5.com
div{
margin-top:10px}
/*css注释说明：对div都设置上间距10px*/
.divcss5-1{
font-size:16px}
/*设置css字体大小16px*/
.divcss5-2{
color:#F00}
/*设置css字体颜色为红色*/
.divcss5-3{
    background:#000;
color:#FFF}
/*设置CSS背景颜色为黑色和字体颜色为白色*/
.divcss5-4{
    border:1pxsolid#F00;
height:60px}
    /*设置css边框和CSS高度60px*/
普通内容一
我字体大小为16px
我字体颜色为红色
我背景为黑色字体为白色
布局设置边框和高度

2、css div的实例效果截图

div用法实例截图通过DIV CSS实例介绍DIV使用方法

3、在线演示：查看案例

4、打包下载研究：

立即下载 （1.037KB）

扩展相关阅读：
1、div标签
2、span标签
3、html标签