div的属性有哪些(div的宽度怎么设置)

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-image:指定使有的布景图片;background-repeat:布景图象的平铺方法。其值有no-repeat(不平铺)、repeat(两个方向平铺)、repeat-x(水平方向平铺)、repeat-y(垂直方向平铺);background-position:在DIV中定位布景方位。其值有topbottomleftright的不同组合。也能够以用坐标指定具体的方位。
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:指定文本的粗细,其值有boldbolderlighter等；font-size:指定文本的大小；font-style:指定文本款式，其值有italicnormaloblique等；color:指定文本色彩；text-align:指定文本水平对齐方法，其值有center(居中)leftrightjustify；text-decorator:用于文本的润饰；其值有noneunderlineoverlineline-through和blink的组合；text-indent:设置文本的缩进；text-transform:设置文本的字母大小写。其值有lowercaseuppercasecapitalize(首字母大写)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(toprightbottomleft);设置上下左右的间隔,但此时要把position指定为absolute。
4、opacity透明度filter:alpha(opacity=value)eg：filter:alpha(opacity=50);opacity:0.5;

div的宽度怎么设置

如果改动更改div巨细尺寸。
首要咱们要知道DIV巨细是由高和宽确认，要修正DIV容积巨细咱们设置css宽度和css高度即可完成改动DIV盒子巨细。
一、改动div巨细实例
为了实验便于调查DIV盒子巨细改动，咱们对DIV设置一个赤色边框。CSS盒子命名为“.divcss5”
css代码：
.divcss5{border:1pxsolid#F00;width:200px;height:100px}
html使用代码片段：
<divclass=”divcss5″>我巨细为宽200高100div>
图一设置盒子巨细
设置DIV盒子巨细宽度为200px高度为100px
改动DIV巨细咱们只需要改动宽度和高度巨细值即可。
二、修正DIV巨细改动后实例
咱们改动这个DIV巨细宽度为300px;高度为200px
对应CSS代码：
.divcss5{border:1pxsolid#F00;width:300px;height:200px}
对应HTML代码：
<divclass=”divcss5″>我巨细为宽300高400div>
我们可以调查第一个图的DIV巨细与第二个图DIV巨细是否不同，是否完成了改动巨细。答案是!改动了宽度和高度即可完成改动DIV盒子巨细尺寸容积面积。