CSS让网页更容易设计与维护

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

      CSS语法立意让网页内容与视觉呈现分离，一方面使得页面维护工作更容易，不会因内容或视觉效果改变影响到另一方，这样的页面设计，也对搜寻引擎更为友善，更容易搜寻到页面内容。

      CSS，Cascading Style Sheets 串接样式表，网页外观的控制语法

      World Wide Web最早是以文件的概念组成，希望透过网页与超链接，让文件与知识更容易连接援引。从HTML语法大量使用文件概念的标签（例如代表标题的＜H1＞，代表段落的＜P＞），就不难看出WWW的这个特质。

      然而WWW比起早期其它网络媒介更迷人的地方，在于它能直接在页面嵌入并呈现图片，这个改变让WWW发展迅速，也让页面视觉装饰大为盛行。但网页先天的文件性格，让图像排版设计难以施展手脚，于是像利用巢状表格与图像拼组而成的页面开始盛行，以求达到精准元素定位与更精美的视觉效果。这个潘多拉盒子一开，造成了许多失控的乱象，让页面原始码难以阅读与维护。

      为了提高网页在视觉上可以有更多元的表现，W3C在1996年推出CSS第一版，提供解决之道。不过由于CSS有赖于浏览器的支持，因此长久以来CSS的推展情况一直不佳，一直到IE 6、Firefox等主流浏览器支持CSS，才渐渐改善。

      CSS语法立意让网页内容与视觉呈现分离，一方面使得页面维护工作更容易，不会因内容或视觉效果改变影响到另一方，这样的页面设计，也对搜寻引擎更为友善，更容易搜寻到页面内容。其次，CSS也可以增加页面在不同媒介的呈现效果。同一份页面，可依据用途不同，例如在屏幕显示或打印，而自动切换不同的CSS语法，让呈现最佳化。也由于读取页面的媒介越来越多元（如手机、PDA），CSS可以弹性调整呈现方式，都更加彰显CSS在网页上的优势。

      Selector    选取器

      要透过CSS为HTML的元素套用样式效果，首先须指向特定元素，像是标题、段落或超链接等，而这个指定的方法，就称为选取器。

      最基本的选取器，是指定HTML卷标元素的名称，另外还有ID选取器、类别选取器、虚拟类别、子系、旁系等，不过这些CSS的选取方法，每种浏览器的支持不一，像IE6就不支援子系或旁系的选取器。

      Divist      滥用DIV标签的设计人员

      事实上，善用CSS串接与继承的特性，就能创造出精准、丰富的视觉效果。但是并非仅靠CSS，滥用语法的情况就能改善。

      过去盛行巢状表格排版，导致Web原始码难以阅读与维护。不过CSS设计人员如不善用串接与继承，而以大量DIV区块语法作页面排版，将使页面原始码充斥DIV标签，这往往和使用巢状表格一样，难以阅读，这种设计人员便称为「Divist」。CSS并非万灵丹，须靠设计人员正确运用，才能达到效果。
[1] [2] [3] 下一页
CSS让网页更容易设计与维护相关文章：
·下载：圣诞节3D屏幕保护程序
·微软官网Microsoft.com安全防护趣闻
·保护隐私实现网络监控的简单方法
·CSS让网页更容易设计与维护
·攻破Windows系统加密保护之EFS解密
·CSS让网页设计与维护
·无需等待一键快速启动屏幕保护
·加强边界路由器安全防护的几个步骤
·保护好你的Wi-Fi网络
·用软件来加密保护电子邮件内容
CSS让网页更容易设计与维护相关软件
·装甲守护
·敦煌书法典藏集-佛说灌顶七万二千神王护比丘经
·魔兽地图:守护美女城V1.20正式版
·失窃的护身符
·保护环境随手可做的100件小事
·超光速守护者
·暗黑龙守护神
·电脑维护专家 1.0.4┊了解电脑的知识、维护电脑教材软件┊简体中文绿色特别版
·魔幻霸主（Armies of Exigo）免CD补丁及编辑器免CD补丁（本补丁只提供给正版用户作保护光盘使用，请勿用于其他用途）
·星际守护者4

上一篇:迅雷批量下载方法揭秘

下一篇:适合做网站优化的blog程序推荐

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

CSS让网页更容易设计与维护

精品推荐

热点TOP10

特别推荐