div+css网页设计中布局不规则文字排版CSS样式

p+css网页设计中布局不规则文字排版CSS样式

现在的网页很多都使用p+css布局，在p+css网页布局设计中，经常会遇到很多问题，都需要设计师们耐心仔细得想办法去解决，不规则文字排版就是问题的其中之一，对这样的排版有什么要求，CSS代码该怎么样去写。下面为大家分析遇到这样的情况，通常我们该怎么做。

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

创建CSS样式文本导航条的最简单解决方法也许就是把所有的链接都放在一行文本里，这种方法看起来很合理也很直观。但问题在于把所有的链接都放在一行文本里就很难控制链接之间以及前后的空白。所以，为了避免所有的链接都挤在一起，你最后通常都不得不插入一些东西或者非换行的空白字符作为分隔，让这些文字分离开来，不至于混在一起

我们该如何制作不规则文字排版呢。我们可以首页定义一个容器，并设置一定的背景图片，在这个容器内，我们再加上不同的容器标签，如：h1、span、p、p等等。如果你的文字语义很明确，很重要，我们建议你直接用h1标签。

对h1标签，应用不同的样式，设置不同的margin以进行定位，必要的时候可以设置z-index属性改变其层叠结构。不断的调整和完善就可以完成了。margin属性可以参考这里。

还有两种方法：

1，用Flash来完成，还可以加上动感的特效，除了同样对搜索引擎不友好之外，还存在着用户是不是安装有flash播放插件的风险，以及浏览器对flash文件的屏蔽的问题。

2，用图片来制作，并应用热区制作，这样的方式可以很方便的解决问题，但对搜索引擎很不友好，它不知道你这里到底有什么。

p以上是两种方法不是可靠的，遇到特殊的上网设备，就不能发挥它们的作用，这时我们还要考虑上面p+css方法来完成它。