论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > div+css布局教程
Tag:css,入门,技巧,div,实例,示例,菜单,布局,web2.0,ul,li,经验,列表,web标准,xhtml,web标准,浏览器,兼容,css hack,表格,视频教程

不规则文字排版的CSS样式如何定义?

文章类别:div+css布局 | 发表日期:2008-9-26 11:13:21

  
  我们在网页设计中,会碰到许多意想不到的情况,不规则文字的排版就是其中之一了,我们该如何面对这样的排版要求呢?CSS代码又该如何编写呢?
  碰到这样的情况,通常情况下我们有两种选择:
  1、用图片来制作,并应用热区制作链接,这样的方式可以很方便的解决问题,但对搜索引擎很不友好,它不知道你这里到底有什么。
  2、用Flash来完成,还可以加上动感的特效,除了同样对搜索引擎不友好之外,还存在着用户是不是安装有flash播放插件的风险,以及浏览器对flash文件的屏蔽的问题。
  这两种方法都不是可靠的,碰到非凡的上网设备,更不能显示出来发挥它的作用。

  我们可以考虑用div css来完成它。主要的思路就是用不同的容器,将容器进行定位来实现。虽然这样做非常的烦杂,而且不利于后期的更新维护,但可以收到很大的效果:显示速度快,更有语义,适合多种上网设备,有利于SEO对搜索引擎更加友好等。

  我们该如何制作不规则文字排版呢。我们可以首页定义一个容器,并设置一定的背景图片,在这个容器内,我们再加上不同的容器标签,如:h1、span、div、p等等。假如你的文字语义很明确,链接很重要,我们建议你直接用h1标签。
  对h1标签,应用不同的样式,设置不同的margin以进行定位,必要的时候可以设置z-index属性改变其层叠结构。不断的调整和完善就可以完成了。
  假如你需要看到这个样式,可以看客齐集的主页www.kijiji.cn,上面的中国地图省会城市的名称就是这样完成的,有爱好的朋友,可以直接研究一下它的源代码。
  声明:本例参考了zishu的文章,在此表示感谢。
  
视频教程列表
文章教程搜索
 
div+css推荐教程
div+css热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058