专注于互联网--专注于架构

最新标签
网站地图
文章索引
Rss订阅

首页 »Html教程 » css排版:不规则文字排版的CSS样式如何定义? »正文

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

来源: 发布时间:星期四, 2009年2月12日 浏览:86次 评论:0


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

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

  我们该如何制作不规则文字排版呢我们可以首页定义个容器并设置背景图片在这个容器内我们再加上区别容器标签如:h1、span、div、p等等如果你文字语义很明确链接很重要我们建议你直接用h1标签
  对h1标签应用区别样式设置区别margin以进行定位必要时候可以设置z-index属性改变其层叠结构不断调整和完善就可以完成了margin属性可以参考这里 z-index属性可以参考这里

  如果你需要看到这个样式可以看客齐集主页www.kijiji.cn上面中国地图省会城市名称就是这样完成有兴趣朋友可以直接研究下它源代码
  声明:本例参考了zishu文章在此表示感谢
  
0

相关文章

读者评论

发表评论

  • 昵称:
  • 内容: