div sty le 常用属性 一、常用属性: 1、Height:设置 DIV 的高度
2、Width:设置 DIV 的宽度
例: 复制代码 3、margin:用于设置 DIV 的外延边距,也就是到父容器的距离
例: 1 2 3 4 5 6 7 复制代码 说明:margin:后面跟有四个距离分别为到父容器的上-右-下-左边的距离;可以看例子中的白色DIV 到黑色DIV 的边距离效果
还可以分别设置这四个边的距离,用到的属性如下: 4、margin-left:到父容器左边框的距离
5、margin-right:到父容器右边框的距离
6、margin-top: 到父容器上边框的距离
7、margin-bottom:到父容器下边框的距离
例: 代码 8、padding:用于设置 DIV 的内边距
例: 1 2 3 4 5 6 复制代码 说明:padding 的格式和 margin 的格式一样,可以对照学习
可以看黑色 DIV 与白色DIV 的边距来体会此属性的效果
这是还需要注意的是 padding 设置的距离不包括在本身的width 和 height 内(在 IE7 和 FF 中),比如一个 DIV 的 width 设置了 100px,而 padding-left设置了 50px,那么这个 DIV 在页面上显示的将是 150px宽
也可以用以下四个属性来分别设置 DIV 的内边距: 9、padding-left:左内边距
10、padding-right: 右内边距
11、padding-top; 上内边距
12、padding-bottom: 下内边距
例: 1 2 3 4 5 6 7 8 复制代码 13、position:设置 DIV 的定位方式
例: 代码 说明:position 的属性中有static、fixed、relative、absolu