DIV CSS解决不规则文字排版问题

开发 前端
我们在网页设计中,会遇到许多意想不到的情况,不规则文字的排版就是其中之一了,这里向大家描述一下如何使用DIV CSS解决不规则文字排版问题。

网页设计时遇到不规则文字排版问题,通常通常情况下我们有两种选择,但是这两种方法都不是可靠的,遇到特殊的上网设备,更不能显示出来发挥它的作用。这里向大家介绍一下使用DIV CSS解决此问题。

DIV CSS解决不规则文字排版问题

我们在网页设计中,会遇到许多意想不到的情况,不规则文字排版就是其中之一了,我们该如何面对这样的排版要求呢?DIV CSS代码又该如何编写呢?

  遇到这样的情况,通常情况下我们有两种选择:
  
1、用图片来制作,并应用热区制作链接,这样的方式可以很方便的解决问题,但对搜索引擎很不友好,它不知道你这里到底有什么。
  
2、用Flash来完成,还可以加上动感的特效,除了同样对搜索引擎不友好之外,还存在着用户是不是安装有flash播放插件的风险,以及浏览器对flash文件的屏蔽的问题。

  这两种方法都不是可靠的,遇到特殊的上网设备,更不能显示出来发挥它的作用。

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

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

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

原文链接:http://www.chinahtml.com/0707/css-118396929314927.html

【编辑推荐】

  1. DIV CSS网页布局时合理架构CSS
  2. 技术分享 如何实现CSS横向导航
  3. 技术分享 DIV CSS网站布局八大窍门
  4. DIV CSS中id与class使用用原则与技巧
  5. 鼠标经过时改变DIV背景颜色的三种途径
责任编辑:佚名 来源: chinahtml.com
相关推荐

2010-09-08 17:20:42

CSS

2010-08-24 13:25:16

DIV+CSS

2022-12-22 08:34:22

CSS不规则图形

2010-09-10 09:31:08

CSSDIV

2010-09-14 10:41:24

DIV+CSS排版

2010-08-25 09:11:57

DIVCSS

2010-09-10 15:01:26

CSS+DIV排版

2010-08-30 12:46:42

DIV+CSS

2010-08-30 10:46:13

DIV+CSS

2015-07-17 13:31:20

按钮单独控制

2010-09-01 14:20:19

CSS排版

2010-08-31 16:09:04

DIV+CSS

2010-09-10 14:54:12

DIV排版

2010-09-07 09:50:35

DIVCSS

2010-09-07 09:08:03

DIV弹出层

2010-08-17 11:35:46

DIV CSS

2010-08-23 13:59:32

DIV CSSmarginpadding

2010-08-17 13:08:31

DIV+CSS布局

2010-09-14 11:11:09

DIV+CSS样式表

2010-08-23 14:06:57

DIV+CSS
点赞
收藏

51CTO技术栈公众号