单位
长度单位
绝对长度值包括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格局的魅力。