当前位置:千优问>百科知识>厦门网站建设:CSS基础讲解2

厦门网站建设:CSS基础讲解2

2016-08-05 00:53:11 编辑:leo 浏览量:464

厦门网站建设: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));

标签:厦门网站建设