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。

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;

posted @