1、新建一个html页面，以方便在网页中来显示操作的效果，下图是在编辑器中编辑div的基本代码
2、建一个div容器我用的是dw来操作，可以用快捷键来操作alt+i+y+d,并加上class名div
3、然后清空div标签中其他内容，只显示<div class="div"></div>，在body中加入 style，然后来定义高 height:200px;宽width:200px;只定义高和宽是不会显示，为了看清楚加上了边框并上了红色
4、在div容器中加入文字，并设置文字的 字号，字体，和颜色，在div中加入“这是我的div”，然后在样式中加入 “font-family: "宋体"; font-size:14px; color:#FF0000”
5、有些时候 是需要文字居中显示的，我们来设置一下文字在div中居中显示，只要加上一句话就可以 ，text-align:center,当然也可以是偏左或者偏右，默认是偏左的
6、定义div在页面中的位置，也可以确定到三个位置，左中右，但是文本的定义方法不太一样，margin:0 auto; 0是距离上边的距离，auto是距离两边为自动
