1余蟹、Height:設(shè)置DIV的高度捆昏;
2.Width:設(shè)置DIV的寬度。
3淌友、margin:用于設(shè)置DIV的外延邊距煌恢,也就是到父容器的距離。
margin:后面跟有四個(gè)距離分別為到父容器的上-右-下-左邊的距離震庭;margin: [top][right][bottom][left]
可以分別設(shè)置:margin-left:到父容器左邊框的距離瑰抵;margin-right:到父容器右邊框的距離;margin-top: 到父容器上邊框的距離归薛;margin-bottom:到父容器下邊框的距離谍憔。
4、padding:用于設(shè)置DIV的內(nèi)邊距(內(nèi)如子元素與DIV邊界的距離)主籍。
padding:后面跟有四個(gè)距離分別為到父容器的上-右-下-左邊的距離;margin: [top][right][bottom][left]:需要注意的是padding設(shè)置的距離不包括在本身的width和height內(nèi)(在IE7和FF中)逛球,比如一個(gè)DIV的width設(shè)置了100px,而padding-left設(shè)置了50px,那么這個(gè)DIV在頁面上顯示的將是150px寬千元。
5、border:設(shè)置DIV的邊框樣式颤绕;
6幸海、display:設(shè)置顯示屬性。
其值有block奥务、none物独;
7、float:設(shè)置DIV在頁面上的流向氯葬,其值有l(wèi)eft(靠左顯示)挡篓、right(靠右顯示)、none;
8官研、background:設(shè)置DIV的背景樣式秽澳;background后可直接跟背景的顏色、背景圖片戏羽、平鋪方式等樣式担神。也可以用以下屬性分別設(shè)置。
background-color:設(shè)置背景顏色始花;background-attachment:背景圖像的附加方式妄讯,其值有scroll、fixed;?background-image:指定使有的背景圖片;background-repeat:背景圖象的平鋪方式酷宵。其值有no-repeat(不平鋪)捞挥、repeat(兩個(gè)方向平鋪)、repeat-x(水平方向平鋪)忧吟、repeat-y(垂直方向平鋪);?background-position:在DIV中定位背景位置砌函。其值有top bottom left right的不同組合。也可以以用坐標(biāo)指定具體的位置溜族。
9讹俊、position:設(shè)置DIV的定位方式。
position的屬性中有static煌抒、fixed仍劈、relative、absolute四個(gè)屬性寡壮。常用relative和absolute贩疙。若指定為static時(shí),DIV遵循HTML規(guī)則况既;若指定為relative時(shí)这溅,可以用top、left棒仍、right悲靴、bottom來設(shè)置DIV在頁面中的偏移(相對(duì)于自身的偏移),但是此時(shí)不可使用層莫其;若指定為absolute時(shí)癞尚,可以用top、left乱陡、right浇揩、bottom對(duì)DIV進(jìn)行絕對(duì)定位(對(duì)自己最近的父級(jí)元素);若指定為fixed時(shí)憨颠,在IE7與FF中DIV的位置相對(duì)于屏屏固定不變胳徽,IE6中沒有效果(不知為什么)。
10、font:指定DIV中文本的樣式膜廊,其后可跟文本的多個(gè)樣式乏沸。
font-family:設(shè)置要用的字體名稱;font-weight:指定文本的粗細(xì),其值有bold bolder lighter等爪瓜;font-size:指定文本的大械旁尽;font-style:指定文本樣式铆铆,其值有italic normal oblique等蝶缀;color:指定文本顏色;text-align:指定文本水平對(duì)齊方式薄货,其值有center(居中) left right justify翁都;text-decorator:用于文本的修飾;其值有none underline overline line-through和blink的組合谅猾;text-indent:設(shè)置文本的縮進(jìn)柄慰;text-transform:設(shè)置文本的字母大小寫。其值有l(wèi)owercase uppercase capitalize(首字母大寫) none税娜;direction:內(nèi)容的流向坐搔。其值有l(wèi)tr(從左至右)、rtl(從右至左)敬矩;line-height:指定文本的行高概行;Word-spacing:字間距。
11弧岳、overflow:內(nèi)容溢出控制凳忙,其值有scroll(始終顯示滾動(dòng)條)、visible(不顯示滾動(dòng)條禽炬,但超出部分可見)涧卵、auto(內(nèi)容超出時(shí)顯示滾動(dòng)條)、hidden(超出時(shí)隱藏內(nèi)容)瞎抛。
二艺演、一些特殊效果:
1、z-index:設(shè)置DIV的層疊順序桐臊。用z-index屬性時(shí),position必需要指定為absolute才行晓殊。
2断凶、cursor:設(shè)置DIV上光標(biāo)的樣式。
3巫俺、clip:設(shè)置剪輯矩形认烁。clip:rect(top right bottom left);設(shè)置上下左右的距離,但此時(shí)要把position指定為absolute。
4、opacity?透明度?filter:alpha(opacity=value) ?eg:filter:alpha(opacity=50);opacity:0.5;