DIV的属性
⼀、常⽤属性
1、Height：设置DIV的⾼度；Width：设置DIV的宽度。
2、margin:⽤于设置DIV的外延边距，也就是到⽗容器的距离。margin：后⾯跟有四个距离分别为到⽗容器的上-右-下-左边的距离；margin: [top][right][bottom][left]
可以分别设置：margin-left：到⽗容器左边框的距离；margin-right：到⽗容器右边框的距离；margin-top: 到⽗容器上边框的距离；margin-bottom：到⽗容器下边框的距离。
3、padding:⽤于设置DIV的内边距（内如⼦元素与DIV边界的距离）。padding：后⾯跟有四个距离分别为到⽗容器的上-右-下-左边的距离；margin: [top][right][bottom][left]：需要注意的是padding设置的距离不包括在本⾝的width和height内(在IE7和FF中)，⽐如⼀个DIV的width设置了100px,⽽padding-left设置了50px，那么这个DIV在页⾯上显⽰的将是150px宽。
4、border：设置DIV的边框样式；display：设置显⽰属性。其值有block、none；float：设置DIV在页⾯上的流向，其值有left(靠左显⽰)、
right(靠右显⽰)、none；
background：设置DIV的背景样式；background后可直接跟背景的颜⾊、背景图⽚、平铺⽅式等样式。也可以⽤以下属性分别设置。
  background-color：设置背景颜⾊；background-attachment：背景图像的附加⽅式，其值有scroll、fixed; background-image：指定使有的背景图⽚;background-repeat：背景图象的平铺⽅式。其值有no-repeat(不平铺)、repeat(两个⽅向平铺)、repeat-x(⽔平⽅向平铺)、repeat-y(垂直⽅向平铺); background-position：在DIV中定位背景位置。其值有top bottom left right的不同组合。也可以以⽤坐标指定具体的位置。
5、position：设置DIV的定位⽅式。position的属性中有static、fixed、relative、absolute四个属性。常⽤relative和absolute。若指定为static 时，DIV遵循HTML规则；若指定为relative时，可以⽤top、left、right、bottom来设置DIV在页⾯中的偏移（相对于⾃⾝的偏移），但是此时不可使⽤层；若指定为absolute时，可以⽤top、left、right、bottom对DIV进⾏绝对定位（对⾃⼰最近的⽗级元素）；若指定为fixed时，在IE7与FF中DIV的位置相对于屏屏固定不变，IE6中没有效果（不知为什么）。
6、font：指定DIV中⽂本的样式，其后可跟⽂本的多个样式。font-family：设置要⽤的字体名称；font-weight：指定⽂本的粗细，其值有bold bolder lighter等；font-size：指定⽂本的⼤⼩；font-style：指定⽂本样式，其值有italic normal oblique等；color：指定⽂本颜⾊；text-align：指定⽂本⽔平对齐⽅
式，其值有center(居中) left right justify；text-decorator:⽤于⽂本的修饰；其值有none underline overline line-through和blink的组合；text-indent：设置⽂本的缩进；text-transform：设置⽂本的字母⼤⼩写。其值有lowercase uppercase capitalize(⾸字母⼤写) none；direction：内容的流向。其值有ltr(从左⾄右)、rtl(从右⾄左)；line-height：指定⽂本的⾏⾼；Word-spacing：字间距。
7、overflow：内容溢出控制，其值有scroll(始终显⽰滚动条)、visible(不显⽰滚动条，但超出部分可见)、auto(内容超出时显⽰滚动条)、hidden(超出时隐藏内容)。
⼆、⼀些特殊效果：
1、z-index：设置DIV的层叠顺序。⽤z-index属性时，position必需要指定为absolute才⾏。
2、cursor：设置DIV上光标的样式。
3、clip：设置剪辑矩形。clip:rect(top right bottom left)；设置上下左右的距离，但此时要把position指定为absolute。
4、opacity 透明度 filter:alpha(opacity=value)  eg：filter:alpha(opacity=50);opacity:0.5;div border属性

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。