div 属性

div是网页中经常用到的一个属性，div其实就是层的概念，也可以理解为一个绝对区域，div里的属性很多，一个div使用id来标志的，它的属性是放在style里定义的，style的属性太多，就不详细说了，这里说一下div边框的定义。

在style里这样定义border-width:1px,border-color:red,我们期待能看到红色的边框效果，但运行的时候并没有看到，怎么回事？是这个 属性写错了吗?

当然不是，要让边框 属性生效，首先要定义一个 border-style: solid;属性，这是声明边框样式的，然后才可以添加边框属性。

如果想在CSS里把 div里的字体设置为垂直居中，好像找不到这个 属性，没关系，可以用别的方法来实现这个效果。在 div里，style="line-height:hei;height:hei;"就可以了。这里，line-height是指文本行之间的间距，height是指一行文本的高度，参数hei是 div的高度，这样 div里的内容就会显示居中。

在 div里显示文本内容，经常会遇到这样的情况，内容太多，把 div撑大了，如果能隐藏超出的文本内容就好了；在style里设置可以解决这个问题。

overflow-x:hidden;overflow-y:hidden;这样超出的文本内容就会被自动隐藏起来。overflow有四个参数：visible,scroll,hidden,auto。这四个参数的意思一看就明白。

 

 

主要设置如下：

　　overflow（溢出控制）：display（默认，可见）、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（从右向左）。