CSS不可不知的属性

单位

长度单位

         绝对长度值包括cm、mm、in、pt、pc等，绝对长度值最好用于打印输出设备，而在仅仅作为屏幕显示用时，绝对长度值并无多大意义。

         相对长度值包括px、em、ex等。相对长度是指元素尺寸相对于浏览器的系统默认值来相应的缩放。       

颜色单位

         用百分比值来表示，如color:rgb(50%,0,50%) ；

         使用0-255之间的整数值来设置，如color:rgb(128,0,128)；

         使用十六进制数组定义颜色，如#fc0eab；

         使用简化的十六进制数定义颜色，如#080；

         为颜色取名：aqua,black,blue,fuchsia,gray,green等。        

URL单位

         URL单位的具体格式是：在“url”后面紧跟一个括号，括号中是url的地址。如果在地址中使用了括号、逗号、空格、单引号和双引号，那么就必须在整个地址的外面加上一对单引号或者双引号。地址可以是相对地址或绝对地址。 

    例如：

   p{ background-image : url(img/logo.gif) ; }

属性

文本属性

Blink属性：ie不支持，火狐支持。（浏览器差异的问题）

实现溢出文本eclipsis的解决：

overflow:hidden;text-overflow:ellipsis;white-space:nowrap; 

背景属性

background-attachment:fixed:属性：火狐支持，ie6不支持；ie7支持。

定位属性

定位的定义

position: relative | absolute | static |fixed

static 没有特别的设定，遵循基本的定位规定，不能通过z-index进行层次分级。

relative 不脱离文档流，参考自身静态位置,通过 top,bottom,left,right定位，并且可以通过z-index进行层次分级。

absolute 脱离文档流，通过 top,bottom,left,right 定位。选取其最近的父级定位元素，当父级 position 为 static 时，absolute元素将以body坐标原点进行定位，可以通过z-index进行层次分级。

fixed 固定定位，这里他所固定的对象是可视窗口而并非是body或是父级元素。可通过z-index进行层次分级。

CSS中定位的层叠分级：z-index: auto | number ;

auto 遵从其父对象的定位

number 无单位的整数值。可为负数。z-index使用整数表示元素的前后位置，数值越大，就会显示在相对靠前的位置，并且CSS同意在z-index中使用负数

业务思想

学习CSS属性个人感觉相对而言算是比较枯燥的，但从一定程度上来看，我们可以于业余时间写上几个demo，感受一下CSS格局的魅力。