菜鸟CSS基础教程(4)

徐果萍 发表于 2006-09-01 13:06 | 阅读 566 views

  现在学习了三课时之后,感觉自我学习能力还是比较强,于是将学习强度加快。在第三课时,学习的内容主要是之控制文字、之控制文本。其中的参数也比较多,不过理解难度不会很大。在本课时继续学习控制形式的课程。现将学习要点作札记如下文。

  九、之控制颜色和背景

  控制颜色和背景,包括颜色属性、背景颜色、背景图片、背景图片重复、背景图片固定、背景定位六个部分。
  1、颜色属性  基本格式:color: 参数
  颜色参数: 以RGB值表示、 以16进制(hex)的色彩值表示、以默认颜色的英文名称表示。其中最为常用的是RGB值。

  2、背景颜色  基本格式:background-color: 参数
  参数取值和颜色属性一样。

  3、背景图片  基本格式:background-image: url(URL)
  URL就是背景图片的存放路径。

  4、背景图片重复  基本格式:background-repeat: 参数
  此控制背景图片平铺与否,即结合背景定位的控制可以在网页上的某处单独显示一幅背景图片。
  参数取值:no-repeat:不重复平铺背景图片、 repeat-x:使图片只在水平方向上平铺 、
  repeat-y:使图片只在垂直方向上平铺
  如不指定重复属性,浏览器默认背景图片向水平、垂直两个方向上平铺。

  5、背景图片固定  基本格式:background-attachment: 参数
  固定控制背景图片是否随网页的滚动而滚动。一般浏览器默认背景图片随网页的滚动而滚动。
  参数取值:fixed:网页滚动时,背景图片相对于浏览器的窗口而言,固定不动
       scroll:网页滚动时,背景图片相对于浏览器的窗口而言,一起滚动

  6.背景定位  基本格式:background-position: 参数表
  背景定位用于控制背景图片在网页中显示的位置。
  参数取值:带长度单位的数字参数、top:相对前景对象顶对齐 、bottom:相对前景对象底对齐
  left:相对前景对象左对齐、right:相对前景对象右对齐、center:相对前景对象中心对齐
  注意点:参数center用于另一参数前面,表示水平居中;用于另一参数后面,表示垂直居中。
  
  第四课时学习内容结束!

关键字: ,
喜欢 徐果萍博客 的文章,那就通过 RSS Feed 功能订阅阅读吧!

我要评论

*

* 绝不会泄露



返回首页 | 关于我们 | 联系我们 | 广告合作 | 网站地图 | 友情链接 | 版权声明 |