通过Dreamweaver设计网页时组织CSS的建议

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

一般地讲，样式表（style sheet）就是控制网页内容外观的格式化的规则的集合。可以以三种不同的方式在你的页面中使用CSS：

代码式（Inline）：写入到代码中的一次性的样式。
内嵌式（Embedded）：可控制一个页面中所有元素的样式表
外联式（External）：可控制许多页面中的元素的样式表

事实上，许多站点都根据需要把这三种方式结合起来使用。

在使用CSS时一个需要重点考虑的事实是不同的浏览器以及同一浏览器的不同版本以不同的方式来解析CSS。除了网络浏览器的差异之外，你还要意识到还有很多其他的浏览器，比如听力浏览器，基于电视的浏览器以及Palm pilot和TTY（teletypewriter，远程打字机）一类的手持设备。

最佳习惯是指什么？

大多数技术都有自己约定俗成的标准。CSS也不例外。虽然并非网络上存在的所有CSS都很规范，但按照现有标准来使用CSS却还是不无裨益的。一般来说，开发人员应尽可能将内容与报告分离开来。这样做的好处在于：

1：增加站点的寿命

不规范的样式表可能在当时觉得很方便，但新版本的浏览器出来以后，很可能就会出现兼容性问题。到时逐页修改站点就是一项非常费时的工作同时也使使用CSS失去了意义。

2：让你的站点对所有的用户以及浏览器都适用。

有些地方的政府已经立法要求网站必须让残障人士也同样可以浏览。为残障认识设计的浏览设备，比如听力浏览器，对CSS规范性要求极其严格。

3：让站点更新和维护更加轻松。

使用方式得当的话，CSS可让你在一个页面中的调整快速应用到所有页面中去。

你首先要做的选择是使用哪一种样式表。当涉及到最佳习惯时，对不同样式表的分析如下：

Inline CSS；简单地说，你应该尽量避免使用。除了一些其他的缺点之外，使用Inline CSS意味着你并没有利用到CSS的真正优点，即你并没有将内容与格式分离开。DW使用Inline CSS主要是为了定位页面元素（这些元素在DW的用户界面中称为“层（layer）”），或者为了使用某个DHTML特效，它需要使用Inline 样式的Javascript来改变一个对象的属性。

Embedded CSS：它也不是最理想的，因为它只能对当前页面施加影响。在更新的过程中，如果某一个页面丢失，将会使站点的风格不一致；另外，当用户浏览你的站点时，每一页都要下载一次样式表信息。

External CSS：这是你的第一选择。External CSS可以让所有连接到它的页面保持一致的外观风格；提纲挈领，更改一次，轻松更新所有相关页面；让你的页面体积更小，浏览速度更快。其他的一些最佳习惯将在下文分析具体的CSS特性时提及。

在DW中创建CSS样式表

在DW中创建CSS样式表时（Text 》CSS Style 》New style sheet），在弹出的对话框中，你有两个选择：新样式表文档（New Style Sheet File）和只用于当前页（This Document Only）。选中“New Style Sheet File ”你就开始了创建External CSS的过程。这个选项要求你在真正的创建过程之前先命名样式表并为它选定一个保存位置；另外一个选项，This Document Only，则会直接把相关代码写入到页面的部分。

你也可以在“新样式（New style）”对话框中选择一个现存的样式表来编辑或添加新的定义。

应该连接到External CSS还是导入？

创建外部样式表以后，你需要把它附加在每个页面上（或是模板）。要这样做，可以在CSS面板上淡季“附加样式表（Attach Style Sheet）”按纽，此时会弹出连接外部样式表（Link External Style Sheet）对话框，在上面可以浏览到你的目标样式表的名字，找到以后，你可以选择连接（link）或者导入（import ）此外部样式表。
[1] [2] 下一页
通过Dreamweaver设计网页时组织CSS的建议相关文章：
·Photoshop将普通照片处理为圣诞夜景
·XFrog与3DsMax绘卡通菜园：南瓜篇
·IE8通过Web标准测试明年推测试版
·Photoshop图像合成教程:艺术化普通照片
·Photoshop绘制卡通风格可爱的圣诞帽
·Vista下如何通过蓝牙手机控制计算机
·Photoshop扣图实例:用通道扣复杂图像
·XFrog与3DsMax绘卡通菜园：蘑菇篇
·XFrog与3DsMax绘卡通菜园：花草篇
·可爱卡通小蜜蜂睡觉了Flash教程
通过Dreamweaver设计网页时组织CSS的建议相关软件
·《冰封王座》地图：通灵王外传-叶王的复仇V1.4
·《变形金刚》100%通关存档
·《魔兽争霸》：《天地劫》地图冰璃单通录象
·《极品飞车9：最高通缉》电视广告
·GBA《降世神通》模拟器
·《卡通明星大乱斗》射击试玩
·《华纳卡通爆裂球》游戏试玩
·九种性格：如何跟不同性格的人沟通
·《荣誉勋章之空降神兵》中英文版通用免CD补丁
·《帝国时代3之酋长》中英文通用免CD补丁

上一篇:Fireworks教程：绘制性感CG美女教程

下一篇:实例：PHP生成word文档格式试卷的代码

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

通过Dreamweaver设计网页时组织CSS的建议

精品推荐

热点TOP10

特别推荐