您当前的位置: 首页 > 前端教程 > CSS教程 > 可爱样式表在XHTML+CSS网页打造中的运用

可爱样式表在XHTML+CSS网页打造中的运用

作者:guanchaofeng 来源:本站整理 发布时间: 2009-06-10 22:13 点击:
这是一篇很久以前的文章了,现在看来,其中的思想很值得大家学习,在webjx.com学习案例的同时,不仿学习一些理论的知识,对您知识的突破会很有帮助。大家加油! 自从看了Zeldman先生的力作DesigningwithWebStandards中文版为《站点重构》(第2版)一书,感受

可爱样式表在XHTML+CSS网页打造中的运用

  这是一篇很久以前的文章了,现在看来,其中的思想很值得大家学习,在webjx.com学习案例的同时,不仿学习一些理论的知识,对您知识的突破会很有帮助。大家加油!
  
  自从看了Zeldman先生的力作“DesigningwithWebStandards”中文版为《站点重构》(第2版)一书,感受颇深,坚定了我用web标准的思想,去开发实践我们的项目。但是仅知道一些什么是web标准以及如何运用到实际项目中,还是远远不够的。必须对web标准中的每个组成部分,逐一学习运用,各个击破,方能发觉它们的本质!对于像我这样的web开发设计人员,懂得这个道理,执行针对性的学习与实践,我相信我们一定会收获的更多,同时也算是为web标准在中国的运用做一点贡献!(呵呵,这个可能有些吹牛,但是的确是我们大多数软件从业人员的理想。)
  
  现在是web2.0乃至3.0的时代,是XHTML,XML,CSS,ECMAScript和DOM的时代。虽然它们不是最终的技能,但它们组合起来就成为一个处理方案——我们筹划建立一个向后兼容的站点的基础,同时也是做符合web标准的站点的必要的技能基础。我们不仅要做到希望获得更多的用户支持与访问,更要建立长久的,好看的站点长时间吸引他们的留心力。我相信学会运用CSS来改善我们的站点,是吸引他们留心力的好办法,也是在web2.0时代中时髦的发展趋势。下面我仅就CSS技能谈一下我从中获得到的体会。
  
  想成为一名CSS专家,仅仅熟练运用CSS选择符(selectors)是远远不够的。还在于对工作的整体筹划,工作流程的掌握以及提高样式表的可维护性和效率。用CSS可以建立出我们想要的美妙绝伦的站点,而写CSS本身就是一种享受。那么我们应该如何建立更具吸引力的样式表?你的样式表应该具有哪些特征呢?通过学习并结合我自己的工作体会,总结出一套打造精致样式表的好要领。
  
  一、不要让CSS有过多的标记
  
  链接或者导入样式表听起来好像是一种无头绪的工作。我看过很多的站点开发都有着整洁的、组织严密的css文档,但是慢慢的,由于可能达不到在短期内高速更新,或者懒得再去管理,这使得先前建立的精致的样式表变成了垃圾。如果我们工作在须要揭晓上百条内容的庞大站点上面。因为时间有限,所以你须要通过嵌套或者排列css来执行高速修改或更新。随着时间的推移,这种习惯维持着,直到有一天你被告知这个站点要完全推翻重新设计(但是内容还是一样)而且你只有一周的时间去建立(包括测试)。一般来说,更新样式表还算是一个非常基本的要领,除非你长时间对站点零散的区域做修改,你就不能对站点样式表结构有一个整体的把握。
  
  链接或者导入你的样式表不是随意的事情。建立干净整洁的样式表并保持下去,工作就会更开心。留心:如果你试图在每次更新或者添加新内容的时候建立新的样式表,那你肯定是自找麻烦。过多的链接和导入样式表会使消除bug变得异常困难,让样式表很难维持。大一点的站点分别建立不同部分的样式表这是可以理解的。就是留心不要走极端。添加很多的样式表,会添加更多的http请求,可能还会影响到后面的工作。
  
  二、语义定义明确易懂
  
  除了选择最合适的,最有意义的元素来表述外,还要确定选择class和id属性值。定义明确可以让维护变得基本,小组里的成员都会看懂。看这个定义:
  
  .l10k{color:#369;},.left-blue{color:#369;},如果是我做的我可能知道是啥意思,但是比人不一定就懂了。即使今天知道它的意思,但是能保证很多年后还知道它的意思吗?最好不要在类属性里面去加入颜色或者长宽的尺寸。更恰当的命名规范:.work-description{color:#369;}
  
  三、知道什么时候添加有条件的注释和运用技巧
  
  很多文章写过一些关于疑问处理的技巧,有条件的注释是控制IE揭晓的一个好要领。我同意有条件的注释比在你的css文档里乱写要好得多,但是最近我开始慢慢意识到,很多证据表明,这并不是最好的处理办法。想在一个元素中配置它的最低高度,但是IE6阅读器却不执行它,所以你知道自己能够运用的高度,也同样会被同样的处理。重新建一个样式表,然后把有条件的注释加入到你的标识中,你所有的须要都是要遵循这个规定?保持最低的高度和高度的准则在一起,选择一个小技巧在同样的css文档里,这样会更好吗?在这种情况下,我觉得用这种要领很难奏效。
  
  四、运用CSS到网页中尽量运用外部样式表
  
  优点吗?大家都比较清楚,当然有一点是不可否认的,可以最大限度的实当代码的重用及最优化配置站点文件。
  
  好了,以上就是我的一些个人见解,希望各位朋友们多给提意见,您的建议是我挑战困难的动力!谢谢!

分享到:
本文"可爱样式表在XHTML+CSS网页打造中的运用"由远航站长收集整理而来,仅供大家学习与参考使用。更多网站制作教程尽在远航站长站。
顶一下
(0)
0%
踩一下
(0)
0%
[点击 次] [返回上一页] [打印]
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:
关于本站 - 联系我们 - 网站声明 - 友情连接- 网站地图 - 站点地图 - 返回顶部
Copyright © 2007-2013 www.yhzhan.com(远航站长). All Rights Reserved .
远航站长:为中小站长提供最佳的学习与交流平台,提供网页制作与网站编程等各类网站制作教程.
官方QQ:445490277 网站群:26680406 网站备案号:豫ICP备07500620号-4