主要設置如下:
overflow(溢出控制):visible(默認,可見)、auto(自動)、scroll(顯示滾動條);
width(寬度):數值;
height(高度):數值;
color(字體顏色):色彩代碼;
font-size(字體大小):數值;
line-height(行高):數值;
border(邊框):寬度、類型和顏色,類型主要支持以下幾種:none,dotted,dashed,solid,double,groove,ridge,inset,window-inset,outset;
font-weight(字體粗細):normal、bold、bolder、lighter;
font-family(字體類型):Arial、Tahoma、Verdana、仿宋_GB2312、黑體、楷體_GB2312、隸書、宋體、幼圓;
background(背景顏色):色彩代碼;
scrollbar-base-color,scrollbar-face-color,scrollbar-track-color, scrollbar -darkshadow-color,scrollbar-highlight-color,scrollbar-shadow-color,scrollbar -3dlight-color,scrollbar-arrow-color(滾動條各部分的顏色):色彩代碼;
filter:chroma(COLOR=轉換成透明的顏色)(chroma過濾器):色彩代碼,該顏色將轉換成透明效果;
word-break(斷字):normal(默認,正常斷字)、keep-all(嚴格不斷字)、break-all(嚴格斷字);
direction(文字方向):ltr(默認,從左向右)、rtl(從右向左)。
HTML中的Div分區屬性
基本屬性:width, height, left, top, background-color(當設置為transparent時表示透明)
2、定位屬性:position: absolute/relative
absolute時,位置固定;relative時,位置會隨著內容的實際情況進行浮動
3、顯示屬性:display: block/none
block為默認狀態,表示顯示;none為隱藏
4、優先屬性:z-index:n
n表示壹個整數(正負均可),有多個Div時n越大,則越靠前顯示;
z-index可以理解為z軸的坐標(x,y軸控制左右、上下方位,z軸控制層疊div的前後方位)
只有用絕對定位(position:absolute)時,屬性z-index才起作用;
未設置絕對定位(position:absolute)的div,其z-index永遠為0;
未設定優先屬性(z-index)的div,按照聲明的順序層疊,後聲明的蓋住先聲明的,如果有兩個Div屬於父子關系,則子div覆蓋父div;
5、透明屬性:opacity:0.3;(firefox專用);filter:alpha(opacity=30)(IE專用)
兩者壹起用的時候就將兩種主流瀏覽器都兼容了;上面例子是將Div的透明度設置為30%,可以看出兩者的設置稍有不同;Div的文本與背景色均能被透明化!
這些是div的屬性。
要用到width(寬度):數值;
height(高度):數值;
left, top,
position:absolute