如何使用CSS来进行网页排版

日期：2007年8月17日作者：查看:[大字体中字体小字体]

第3天:定义语言编码

第三步是定义你的语言编码，类似这样：

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

为了被浏览器正确解释和通过W3C代码校验，所有的XHTML文档都必须声明它们所使用的编码语言，我们一般使用gb2312(简体中文)，制作多国语言页面也有可能用Unicode、ISO-8859-1等，根据你的需要定义。

通常这样定义就可以了。但是要补充说明的是，XML文档并不是这样定义语言编码的，XML的定义方式如下：

<?xml version="1.0" encoding="gb2312"?>

你在Macromedia.com的首页代码第一行就可以看见类似的语句，这也是W3C推荐使用的定义方法。那为什么我们不直接采用这种方法呢？原因是一些浏览器对标准的支持不完善，不能正确理解这样的定义方法，比如IE6/windows。所以在目前过渡方案下，我们依然推荐使用meta方式。当然，你可以两种方法都写。

看本站源代码，你会发现语言编码定义的地方还多一句：

<meta http-equiv="Content-Language" content="gb2312" />

这是针对老版本浏览器写的，以保证各种浏览器都能正确解释页面。

注意：在上面声明语句的最后，你看到有一个斜杠"/"，这和我们以前的HTML4.0的代码写法不同。原因是XHTML语法规则要求所有的标识都必须有开始和结束。例如<body>和</body>、<p>和</p>等，对于不成对的标识，要求在标识最后加一个空格，然后跟一个"/"。例如<br>写成<br />、<img>写成<img />，加空格的原因是避免代码连在一起浏览器不识别。第4天:调用样式表

用web标准设计网站，过渡的方法主要是采用XHTML+CSS，css样式表是必不可少的。这就要求所有网页设计师必须熟练掌握CSS，如果你以前不常用，那么现在就开始学习吧。要制作符合web标准的网站，不懂CSS是设计不出漂亮的页面的。

事实上，所有表现的地方都需要用CSS来实现。我们以前都习惯用table来定位和布局，现在要改用DIV来定位和布局。这是思维方式的变化，一开始有些不习惯。呵呵，任何变革都会有阻力的，为了享受标准带来的"益处"，放弃一些老的传统做法是值得的。

外部调用样式表

在以前，我们通常采用2种方法使用样式表：

页面内嵌法：就是将样式表直接写在页面代码的head区。类似这样： <style type="text/css">  </style>

外部调用法：将样式表写在一个独立的.css文件中，然后在页面head区用类似以下代码调用。 <link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" />

在符合web标准的设计中，我们使用外部调用法，好处不言而喻，你可以不修改页面只修改.css文件而改变页面的样式。如果所有页面都调用同一个样式表文件，那么改一个样式表文件，可以改变所有文件的样式。

双表法调用样式表

查看某些符合标准站点的原代码，你可能看到，在调用样式表的地方有如下2句：

以下是引用片段：

<linkrel="stylesheet"rev="stylesheet"href="css/style.css"type="text/css"media="all"/><styletype="text/css"media="all">@importurl(css/style01.css);</style>

为什么要写两次呢？

实际上一般情况下用外联法调用(就是第一句)就足够了。我这里使用双表调用只是一种示例。其中的"@import"命令用于输入样式表。而"@import"命令在netscape 4.0版本浏览器是无效的。也就是说，当你希望某些效果在netscape 4.0浏览器中隐藏，在4.0以上或其它浏览器中又显示的时候，你可以采用"@import"命令方法调用样式表。
上一页 [1] [2] [3] [4] [5] [6] [7] [8] 下一页
如何使用CSS来进行网页排版相关文章：
·《真?三国无双3》月英使用心得 - 真三国无双4攻略秘籍 - 真三国无双4
·2007年结婚吉日黄道吉日通用表
·QQ空间开场代码使用说明
·我所用的140个XP高级优化技巧！
·怎么用虚拟光驱装系统？
·用移动硬盘来安装Vista系统
·为什么iexplore.exe在打开网页时CPU使用会100%？
·局域网常用的DOS查询IP地址命令
·我也发个破解(可破解正版中文旗舰版 Windows Vista Ultimate ChnSimp )试用没问题
·MSComm控件使用详解
如何使用CSS来进行网页排版相关软件
·慧视小灵鼠(用鼠标手写输入法)
·金山快译 V2007 绿色精简试用版
·flv格式转3gp格式专用软件(微视转码工具)
·网络还原精灵(网吧专用版) 2006 V3.2.1.0
·韩国语实用语法
·新万能主板驱动适用于所有主板
·上海市2000年度《职称计算机应用基础考试练习软件》
·局域网共享设置梦想吧专用版
·实用万年历V3.8
·万用网络加速器 V2.0

上一篇:5日精通样式表二

下一篇:css实现文字的自动隐藏

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

如何使用CSS来进行网页排版

精品推荐

热点TOP10

特别推荐