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
相关文章读者评论发表评论 |