一、标准的清理浮动的方法
.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
.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]);