网页设计时遇到不规则文字排版问题,通常通常情况下我们有两种选择,但是这两种方法都不是可靠的,遇到特殊的上网设备,更不能显示出来发挥它的作用。这里向大家介绍一下使用DIV CSS解决此问题。 DIV CSS解决不规则文字排版问题 我们在网页设计中,会遇到许多意想不到的情况,不规则文字排版就是其中之一了,我们该如何面对这样的排版要求呢?DIV CSS代码又该如何编写呢?
遇到这样的情况,通常情况下我们有两种选择: 这两种方法都不是可靠的,遇到特殊的上网设备,更不能显示出来发挥它的作用。 我们可以考虑用DIV CSS来完成它。主要的思路就是用不同的容器,将容器进行定位来实现。虽然这样做非常的烦杂,而且不利于后期的更新维护,但可以收到很大的效果:显示速度快,更有语义,适合多种上网设备,有利于SEO对搜索引擎更加友好等。 我们该如何制作不规则文字排版呢。我们可以首页定义一个容器,并设置一定的背景图片,在这个容器内,我们再加上不同的容器标签,如:h1、span、div、p等等。如果你的文字语义很明确,链接很重要,我们建议你直接用h1标签。 对h1标签,应用不同的样式,设置不同的margin以进行定位,必要的时候可以设置z-index属性改变其层叠结构。不断的调整和完善就可以完成了。 |