首页 > 教程 > 关键词  > CSS样式表在网页设计中的特性最新资讯  > 正文

CSS样式表在网页设计中的特性

2010-04-13 14:56 · 稿源:站长之家Chinaz.com

从看了Zeldman先生的力作“Designing with Web Standards”中文版为《网站重构》(第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到网页中尽量使用外部样式表

好处吗?大家都比较清楚,当然有一点是不可否认的,可以最大限度的实现代码的重用及最优化配置网站文件。

举报

  • 相关推荐
  • 《云·原神》网页版移动端上线:免下载 “老爷机”也能玩

    今日,《原神》宣布《云原神》网页版移动端正式上线,玩家无需下载包体即可游玩。玩家首次使用任意平台登录《云原神》,将会获得5小时的免费时长。需要注意的是,由于是网页版,所以对网络质量有一定要求,高延迟下人物操控也会有延迟,且有音画不同步的情况发生,可调低画质档位或帧率。

  • AiDA等AI服装设计工具在时尚设计中的崭露头角,但无法替代设计师的创造力

    时尚创新者CalvinWong开发了名为"时尚交互设计助手"的AI系统,它被誉为世界上首个由设计师主导的AI系统。AiDA利用图像识别技术,能够显著加速设计从初稿到T台的整个过程。如果设计师保留了控制权,AI可以通过大大加速流程来提供巨大的好处不一定是为他们做决策。

  • AI视野:ChatGPT用户可以访问互联了;Photoshop网页版正式推出;微调多模态大模型会灾难性遗忘

    OpenAI宣布ChatGPT用户现在可以浏览互联网,不再受限于2021年9月之前的数据。这一更新允许用户访问最新信息,拓展了ChatGPT的应用领域。该模型性能出色,免费下载无限制。

  • Adobe Photoshop网页版正式推出 包含AI工具但暂无免费版本计划

    Adobe公司的Photoshop网页版服务,简化了桌面版Photoshop的功能,现已正式推出。这个Photoshop网页版包含了桌面版Photoshop最近发布的受Firefly生成式AI驱动的“生成式填充”和“生成式扩展”等热门功能。但Adobe数字媒体高级副总裁AshleyStill现在告诉TheVerge,这家创意软件巨头“暂无推出免费增值版本的计划”,新用户可在Adobe网站上通过“免费交互式演示和应用内教程”试用Photoshop网页版,然后再决定是否订阅。

  • V社:我们做了一个非常艰难的决定 年底结束对《CS:GO》的支持

    在今年3月份的时候,V社官宣《CS2》正在内测。今年5月份,在法国巴黎举行的《CS:GO》的最后一场Major赛事正式落幕。目前老版本的《CS:GO》仍然可以游玩,只不过没有官方匹配功能,2024年1月1日之后也不再维护,后续出现问题也不会再解决。

  • UCSD 研究人员开源Graphologue:将LLM文本响应转化为交互式图

    大型语言模型如GPT-4因其生成各种用户查询的文本响应的能力变得极为流行。尽管它们具有强大的功能,但在有效传达复杂信息方面存在一些限制。Graphologue代表了使LLM互动更直观和有效的重大进步。

  • AI视野:OpenAI计划自研AI芯片;Canva发布AI设计工具Magic Studio;DocsGPT登顶GitHub热榜;哩布哩布AI重新上线

    来自CAIS、CMU、斯坦福、康奈尔、马里兰、宾大等机构的学者最近发现,大语言模型不再是黑匣子,其内部具有可解释的表征,甚至可以被测谎仪检测出撒谎行为。他们使用一种名为LAT的扫描技术观察LLM参与真理概念或撒谎时的大脑活动,并发现LLM内部具有一致的内部信念。Yasa-1具备多模态能力,支持编程任务,计划扩大功能范围。

  • 首款FSR 3游戏现抢眼:画质与帧率均优于DLSS 3

    在经历了整整10个月的等待之后,AMD的FSR3技术终于正式上线,今天《魔咒之地》、《不朽者传奇》正式推送了更新,加入了对于FSR3的支持《Forspoken》甚至可以同时支持DLSS3和FSR3。AMDFSR3和NVIDIADLSS3一样具有帧生成功能,利用AMDFluidMotionFrames技术、游戏运动矢量数据,可显著提高游戏帧率。FSR3性能模式下,画面质量与原生画面非常接近,画质损失远低于DLSS3。

  • CS2》40款显卡性能对比:NV都赢麻了

    9月28日《CS2》上线之后,短短1天的时间,峰值在线人数就达到了146万。这款游戏采用了Source2引擎打造,具备基于物理的逼真渲染,同时支持虚拟现实和增强现实技术,为开发者提供更多创作可能性的同时也让游戏的视效实现大幅飞跃。AMD这边只有RX7900XTX一款显卡达标。

  • 兰宝环保,引领VOCs废气治理沸石浓缩转轮技术

    上海兰宝环保,于2016年研发并应用VOCs转轮技术,是国内行业的领先者。沸石转轮能够将大风量、低浓度的有机废气浓缩成小风量、高浓度的废气,从降低后续处理设备的投入费用和运行成本,提高废气处理效率,是一种吸附浓缩设备。兰宝沸石转轮在喷涂涂装、橡胶轮胎、包装印刷、消费电子、精细化工等行业取得了市场突破,不断扩大在大风量、低浓度VOCs治理市场中的占有率。

今日大家都在搜的词: