厦门网站建设:CSS基础讲解2
一、CSS基础
1.解决IE6的双倍边距
diplay:inline;
2.哪些元素是块级对象?
A.标准的HTML块级对象也就是CSS的块级对象
B.通过CSS设置display:block属性的对象
C.通过CSS设置float属性的对象
3.鼠标指针样式
cursor:pointer(手形)|text(文本)|help(帮助)|wait(等待)|crosshair(十字光标);
4.按钮添加背景图像时需要使用border:none属性;去掉按钮的文本时,添加将value属性设置为空。
二、定位属性
position
描述:设置定位类型
语法:position:static(静态)|fixed(固定)|absolute|relative;
fixed(固定),当HTML元素设置该样式后,该元素脱离正常文档流。
其位置可以通过left、right、top、bottom来进行设置。其Z轴叠放顺序可以
通过z-index进行设置。
absolute(绝对),,当HTML元素设置该样式后,该元素脱离正常文档流。
其位置可以通过left、right、top、bottom来进行设置。其Z轴叠放顺序可以
通过z-index进行设置。
在通过TRBL设置position:absolute对象的位置时,此时的位置是相对于
存在position属性的父对象或者body对象。
relative(相对),当HTML元素设置该样式后,该元素不脱离正常文档流。
其位置可以通过left、right、top、bottom来进行设置,此时
是相对于应该显示的位置发生偏移。
top
描述:设置相对于窗口或父对象的顶部距离
语法:top:value;
right
描述:设置相对于窗口或父对象的右侧距离
语法:right:value;
bottom
描述:设置相对于窗口或父对象的底部距离
语法:bottom:value;
left
描述:设置相对于窗口或父对象的左侧距离
语法:left:value;
设置透明度 -- Chrome、Firefox等
opacity:value(0~1);
设置透明度 -- Internet Explorer(滤镜)
filter:alpha(opacity=value(0~100));
标签:厦门网站建设