[返回首页]
 ◎ 您当前的位置:首页 >> 站长学堂 >> 网页设计 >> DIV >> 正文
div教程第8天:CSS布局入门
作者: 来源: 发布时间:2007-8-11 22:51:54 

 

3.辅助图片一律用背景处理

用XHTML+CSS布局,有一个技术一开始让你不习惯,应该说是一种思维方式与传统表格布局不一样,那就是:所有辅助图片都用背景来实现。类似这样:

BACKGROUND: url(images/bg_poem.jpg) #FEFEFE no-repeat right bottom;

尽管可以用<img>直接插在内容中,但这是不推荐的。这里的"辅助图片"是指那些不是作为页面要表达的内容的一部分,而仅仅用于修饰、间隔、提醒的图片。例如:相册中的图片、图片新闻中的图片,上面的3d盒模型图片都属于内容的一部分,它们可以用<img>元素直接插在页面里,而其它的类似logo,标题图片,列表前缀图片都必须采用背景方式或者其他CSS方式显示。

这样做的原因有2点:

  • 将表现与结构彻底相分离(参考阅读另一篇文章:《理解表现与结构相分离》),用CSS控制所有的外观表现,便于改版。
  • 使页面更具有易用性,更有亲和力。例如:盲人使用屏幕阅读机,用背景技术实现的图片就不会被朗读出来。

本新闻共2页,当前在第2页  1  2  

[返回上一页] [打 印]
热点文章 推荐文章 相关信息
·div教程第12天:校验及常见错误
·div教程第11天:不用表格的菜单
·div教程第10天:自适应高度
·div教程第9天:第一个CSS布局实例
·div教程第8天:CSS布局入门
·div教程第7天:CSS入门
·div教程第6天:XHTML代码规范
·div教程第5天:head区的其他设置
·div教程第4天:调用样式表
·div教程第3天:定义语言编码
·div教程第2天:什么是名字空间
·div教程第1天:选择什么样的DOCTYPE