div所有属性/DIV各种属性解释
div的属性
2007-11-22 11:27
主要设置如下：
  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；
div border属性未设定优先属性（z-index）的div，按照声明的顺序层叠，后声明的盖住先声明的，如果有两个Div属于父子关系，则子div覆盖父div；
5、透明属性：opacity:0.3;（firefox专用）；filter:alpha(opacity=30)（IE专用）
两者一起用的时候就将两种主流浏览器都兼容了；上面例子是将Div的透明度设置为30％，可以看出两者的设置稍有不同；Div的文本与背景均能被透明化！

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