CSS基础03

一、标准的清理浮动的方法
.clear:after{
   display:block;
   height:0;
   content:".";
   visibility:hidden;
   clear:both;
}
.clear{
   zoom:1;
}

二、文本属性

color
描述:设置文本颜色
语法:color:value;
font-size
描述:设置字号
语法:font-size:value;
说明:
标题:16px~24px
正文:12px~16px

font-family
描述:设置字体
语法:font-family:value,value,...;

font-style
描述:文本倾斜
语法:font-style:italic|normal;
font-weight
描述:文本加粗
语法:font-weight:bold|normal;

text-align
描述:设置文本水平对齐方式
语法:text-align:left|center|right;

text-decoration
描述:设置修饰线
语法:text-decoration:none|underline|line-through|overline;

text-indent
描述:首行缩进
语法:text-indent:value;

line-height
描述:设置行高
语法:line-height:value;
说明:行高一般设置为1.5em~2em

cursor
描述:设置鼠标指针类型
语法:cursor:pointer(手形)|help(帮助)|text(文本)|crosshair(十字光标);

三、显示方式

display

描述:设置对象的显示方式

语法:display:none|block|inline;

哪些对象为块级对象?

A.默认情况下,div,p,h1~h6,ul,li,ol等;
B.内联对象使用display:block;属性后;
C.对象使用float属性后;

四、表格属性

vertical-align
描述:设置垂直对齐方式
语法:vertical-align:top|middle|bottom;
 
border-spacing
描述:单元格的外边距
语法:border-spacing:value;

border-collapse
描述:设置单元格框线是否合并
语法:border-collapse:separate(分隔)|collapse(合并);

五、定位属性

position
描述:设置定位类型
语法:position:static|fixed(固定)|absolute(绝对)|relative(相对);

fixed,脱离正常文档流,其位置在页面是固定的,并且可以通过top、right、bottom、left进行控制。

absolute,脱离正常文档流,其位置可以通过top、right、bottom、left进行控制。

relative,没有脱离文档流,在通过top、right、bottom、left进行位置控制时，其实只是在原始出现位置上发生偏移。

z-index
描述:设置Z轴叠放顺序
语法:z-index:value;

六、透明度(补P121)

Chrome、 Firefox等

opacity:value(0~1);

IE

filter:alpha(opacity=value[0~100]);