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

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

2010-04-13 14:55 · 稿源:站长之家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到网页中尽量使用外部样式表

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

  • 相关推荐
  • 大家在看
  • 站长之家诚聘:SEO高手、资深网页设计师、JAVA/GO/PHP/.NET工程师

    2020年站长之家开启新一波人员招募,欢迎小伙伴加盟。本次的首推职位有资深SEO高手、资深网页设计师、JAVA/GO/PHP/.NET程序员,欢迎大家投递简历到hr@chinaz.com邮箱(务必附作品、工作经历、工作成绩等)。SEO高手(若干人)职责描述:1、负责站长之家网站的搜索引擎优化方案设计,提高网站流量、收录和排名;2、负责监控和调研搜索引擎数据与规则,调研竞争对手及其他网站相关策略,制定并实施应对和优化方案;3、负责对SEO相关数据进

  • Twitter确认宕机,但没有证据表明存在网络攻击或安全漏洞

    据外媒报道,日前,许多Twitter用户突然无法访问该服务平台。虽然老Twitter用户还记得这个社交媒体网站的“failwhale(故障的鲸鱼)”经常出现的时候,但现阶段它通常是稳定的,最近一次重大问题则是因7月份的安全漏洞而出现过。

  • 央视揭网游陪玩骗局:利用网图、变声器在网上冒充女性

    【央视揭网游陪玩骗局】据央视新闻报道,近日江苏盐城警方捣毁 6 个利用网游陪玩实施诈骗的窝点。嫌疑人利用网图、变声器,在社交软件上冒充女性,诱骗受害人不断充值,最后将其拉黑。

  • 专利显示微软Surface Pen有望带来“零力激活”特性 提升设备寿命

    微软正在探索新的SurfacePen技术,可以让触控笔利用"零力激活"功能快速切换到电子墨水模式。这一功能基于WIPO于10月8日公布的专利申请而被发现,由微软于2020年3月提交。该专利申请中谈到了手写笔与物体表面之间的接触逻辑,最终达致无需施加力度即可激活功能,并带来改进后的手写着墨模式等。

  • ColorOS 11 发布:三大特性全面提升,兼容更多老机型

    9 月 24 日,全新 ColorOS 11 于 OPPO 开发者大会正式发布。秉承「创造无边界」的理念,ColorOS 11 着力于个性化创造、无缝感体验、感官级畅快三方面的提升,通过无限息屏、闪达窗口、防卡顿引擎等功能,在超过 1000 项体验优化下,将人、设备、场景进行有机共融,为用户带来更加丰富精彩、多端互融、安全便捷的全场景体验。大会上,OPPO 副总裁吴恒刚也宣布了 ColorOS 月活用户数超过 3.7 亿,ColorOS 将继续面向全球用户提供服务

  • 如何设计抖音主页头图 抖音背景图怎么设计

    抖音主页头图要怎么设计会比较好看,让人留下比较深的印象呢,背景图的设计思路以及主要考虑的因素有哪些。下面我们会通过几个要点来介绍下,抖音背景图的设计注意要点,大家在抖音设计自己的头图时可以参考下。1、KOL出镜,也就是自己抖音视频里的主角出现在头图背景图里面,让他/她成为标志性IP,记得要使用好看的高清形象照,不用其他过多文字或其他修饰就能引流2、在头图里面,再次自我介绍,完成对账号的简介的补充说明,或者

  • 如何设计抖音LOGO头像 抖音logo怎么设计好看

    抖音账号的头像LOGO要怎么设计比较好看,又符合自己账号的定位属性,什么头像可以让别人一眼看了之后留下深刻印象呢,这里我们来一起了解下如何设计好一个抖音的logo头像。

  • 波司登为“寒风中的英雄”送温暖 彰显品牌实力

    奉献是一份责任、一份义务,同时也是一份温暖、一份感动。在全国持续降温的时期,波司登以“温暖全世界”的品牌力量做出爱心奉献,传递温暖正能量。衣暖人心波司登传递温暖力量时至9月,全国各地气温波动幅度较大,国内部分地区气温骤降,然而许多需要长时间户外工作的基层工作人员却缺乏必要的保暖装备。波司登得知该情况后,第一时间决定向库车市消防大队、蓝豹救援队、阿拉善锁边生态协力中心以及创办爱心机构“德仁苑”的校长黄梅?

  • ColorOS 11曝新特性,让手机持久流畅,权威机构已认证

    9 月 24 日,OPPO 正式发布了基于安卓 11 的 ColorOS 11 操作系统。而就在这款操作系统发布的次日,也就是 9 月 25 日,ColorOS 官方宣布,收到了中国泰尔实验室颁发的「移动智能终端系统抗老化能力」测评证书,该证书具体意味着什么呢?接下来我们就去具体了解一下。 (ColorOS 官宣获泰尔抗老化认证) 从百度百科给出的信息来看,中国泰尔实验室是隶属于信息产业部电信研究院的高科技组织,主要的作用是:进行通信技术发展领域的测

  • 如约而至!科勒精选·设计中国北京设计论坛即将开幕

    亚洲高端设计大展“设计中国北京” 2020 将与全球厨卫领导品牌科勒KOHLER再度合作,邀请来自国内外顶尖的设计大师,以“以设计之道复兴世界”为主题开展为期 4 天的科勒精选·设计中国北京设计论坛。其中,展会首日 9 月 23 日下午,科勒精选还将倾情呈献“幸福的多维空间”专场主题论坛。2020 年注定是不平凡的一年,第三届“设计中国北京”( 9 月 23 日 –9 月 26 日)重磅回归,旨在凝聚全球设计的力量,以前瞻思想深入探讨“后?

  • 科勒再度携手设计中国北京,以设计凝聚幸福点滴

    2020 年 9 月 23 日 –9 月 26 日,亚洲高端设计大展“设计中国北京” 2020 即将隆重举行,全球厨卫领导品牌科勒KOHLER作为论坛的冠名赞助商,再度携手“设计中国北京”,带来为期 4 天的科勒精选·设计中国北京 设计论坛。本届论坛汇聚来自国内外 30 余位顶尖设计师的前瞻思想,将以“以设计之道复兴世界”为主题展开探讨。展会首日 9 月 23 日下午,科勒精选还将倾情呈献“幸福的多维空间”专场主题论坛。在设计中感知幸福生活在

  • 和平精英ss11赛季什么时候开始 ss11赛季具体上线日期时间

    和平精英目前还是在SS10赛季中,但是不少玩家已经在期待下一个SS11赛季了,很多玩家还不清楚S11赛季什么时候开始,下面就来为大家详细的介绍一下。

  • 女士大牌腕表推荐——雷诺表夜色系列886037

    随着时代的进步,消费者对大牌腕表提出了更高层次的要求。雷诺表作为知名国产手表品牌,始终用卓越的品质走在行业的前沿。近日,雷诺表以孔雀开屏为设计理念,推出夜色系列886037,高贵典雅,深得年轻女性喜爱。雷诺表将女性魅力和大牌腕表巧妙结合,通过创新的设计语言,使新时代女性的独立与自信在腕间熠熠生辉。夜色系列 886037 捕捉孔雀开屏的美好瞬间,以玫瑰金色线条绘于白色贝母表盘之上,搭配竹叶形大三针,造型自然,灵动

  • 看升旗、拍家乡、谈人生,95后年轻人在网易云音乐的爱国新方式

    “终于赶上升国旗啦!”10月1日至8日,每天早晨都有大批网友打开网易云音乐播放国歌《义勇军进行曲》,在北京天安门广场升旗的时间点,屏幕上会出现升旗彩蛋,还原“升国旗、奏国歌”的庄严场景。2020年国庆长假,上网易云音乐为祖国“打Call”,成为网友尤其是95后年轻人抒发爱国情感的新风尚。网易云音乐则精准洞察用户需求,提供升旗彩蛋、美丽中国MLOG征集、集邮、真实人物故事企划等丰富的爱国表达方式,汇聚并弘扬正能量。零距离激发?

  • 为自己倒一杯好喝的江小白 感受平淡生活中的小幸福

    日子就是这样,一天又一天的平淡的过着。但是在日复一日的平淡中,我们应当学会感受这种平淡的幸福。不要以为只有蓝天白云、椰林树影、鸟语花香才是小幸福,其实,我们身边的小幸福还是很多的,比如,闲暇时或者是下班后,约上三五个好友,一起去喝好喝的江小白,谈天说地,也是一种幸福。 随着90后、95后年轻消费者的的快速崛起,他们的酒水消费潜力凸显,价值表达也从彰显身份地位转向去阶层、悦己化,消费场景打破传统边界,日

  • 不确定中的确定:挖掘房产行业数字化红利

    今年疫情以来,美国排名前五的科技股业绩不降反升,股价也一路上涨。其中亚马逊是最典型的一家,股价从年初的不到2000美元,到目前已站稳在3000美元以上,而创始人贝佐斯也因此跃居世界首富。

  • 约会要“避雷” 伊对带你盘点约会中的“危险雷区”

    近日,恋爱综艺节目《心动的信号》第三季正在热播。由张翰、戚薇、杨超越、丁禹兮、杜海涛、Alex大叔组成的“心动侦探”团,将和观众们一起捕捉恋爱的“心动信号”。在近期节目中,六位男女嘉宾迎来了期待已久的首次约会,并通过男生送口红、女生来盲选的方式确定约会对象,男女嘉宾们在第一次约会的过程中,由于经验不足,踩到了不少“雷区”,发生了不少尴尬的状况。在此,伊对带你一起盘点约会中的“危险雷区”。雷区一:直男式?

  • 酒蛋蛋新品上市,带你发掘白酒中的英雄豪情!

    梁山豪杰传世扬,水浒琼浆邀品尝,独特风韵粮食酒,那个英雄不醉颜,他日群芳排座次,酒蛋蛋理应力争先。梁山一百单八将带你品味水浒私窖。今天,酒蛋蛋给大家带来了水浒系列之———李铁牛。窖香浓郁、绵甜甘冽、香味协调、尾净香长,好喝不上头,快带你的小伙伴们一起品尝吧!酒蛋蛋李铁牛他向往“大碗喝酒,大块吃肉”豪爽生活。以“酒”为媒结交天下好友,生死之交一碗酒,英雄豪杰萍水相逢,一口烈酒入肚,千古友情结成。喝酒?

  • 无限火力国庆持续到几月几号 10月无限火力开放时间表

    2020年10月的国庆节到了,这么长的假期,英雄联盟的无限火力模式也如期而至,很多玩家还不清楚今年无限火力国庆节要持续到几月几号,下面就来为大家分享一下无限火力10月国庆开放的时间表。

  • 劳燕分飞中的劳指的是什么 小鸡宝宝考考你今天答案是什么

    ​2020年10月19日,支付宝的小鸡宝宝考考你的问题再次更新,今天的问题是““劳燕飞分”中的“劳”指的是什么?”这个劳燕分飞中的劳确实是比较难猜到意思,下面就来为大家详细的介绍一下答案。

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议
  • 热门标签