首页 > 教程 > 关键词 > 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到网页中尽量使用外部样式表

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

网友热搜:

  • 相关推荐
  • 大家在看
  • 多位明星的宣传+独特的精心设计 这样的天王表真香

    对于天王表在去年上新的X-MAN系列,相信很多人都不陌生,因为这款表在宣传上采用了特殊的方式,在质量过硬的基础上又采用了专利设计。众多明星为天王表做宣传去年8月5号,不老男神张晓龙现身国货领军品牌天王表举办的X-MAN系列新品发布会,与现场粉丝和腕表时尚爱好者一同领略了天王表X-MAN系列新品的潮流魅力。作为娱乐圈少有的学霸男神,张晓龙总是对他从事的每一个领域都保持着无限的探索热忱,时常破壁踏足更多的领域,身份标?

  • MySQL的user表被删除了怎么办 user表被清空解决办法

    ​近期就有人遇到user表内容被清空的情况。如果发生了此情况,千万不要慌,更不能隐瞒问题(今天这位朋友就比较惨,别人删了也没敢告知,结果binlog已经清理了),这样有利于恢复。现在针对几种情况,进行恢复操作的演示。

  • 疫情下的视频会议,云之家创新了哪些新特性?

    疫情袭来,各大企业对于移动办公尤其是视频会议的需求暴涨, 但往往遇到以下这些问题: 会议卡顿,影响进程; 会控设置较差,无法掌控会场秩序; 文档传输操作系统过于简陋,造成不少麻烦。 5 月 23 日,云之家举办了“悦翔青春 X 共创未来” 九周年庆生暨客户共创成果发布会,现场发布了九大客户共创成果,其中,云之家产品与头部事业部产品经理张广翔分享了云之家与宁波银行的共创成果——视频会议。 以下为分享内容整理: 尊敬

  • “服装设计dress”时尚领域排行榜,百家号分类应该怎么选

    备注:本文数据来自站长之家移动传媒平台,文章涉及的数据依托平台大数据计算所得,非百度官方数据,仅供参考。服装设计dress是当前百家号中的普通号,目前账号百家号权重为3,综合排名位列18328名,时尚分类排名位列466名,领先了98.4%的百家号。 服装设计dress百家号概况 服装设计dress的简介为我爱设计,时尚生活彰显魅力个性。,是一家主旨明确、领域专注的自媒体作者,截止目前为止他们已经在百家号上发布了超过109篇的游戏内

  • 这个网站靠帮人们分析怎么在网上赚钱,月入近3万

    不少想要搞副业的人,曾经花费大量时间和精力尝试在线赚钱,但最后才发现自己白折腾了。eBiz Facts 是一个小团队,该平台花费大量时间研究和审查各种在线赚钱方法是否靠谱,然后给用户一些建议,让他们避免被骗,以及浪费时间、精力和金钱在一些容易“踩坑”在线业务,并做出更明智的决策。

  • MySQL统计库表大小都是多少

    统计每个库每个表的大小是数据治理的其中最简单的一个要求,本文将从抽样统计结果及精确统计结果两方面来统计MySQL的每个库每个表的数据量情况。

  • 天王表质量卓越 值得信赖!

    天王表作为国内四大名表之一,发展非常迅速,深受消费者喜爱。运作、商业逻辑等等,固然能够帮天王表快速发展,但真正在背后支撑天王表走过这三十年的,是天王表质量的卓越。天王表质量卓越 值得信赖一枚出众的腕表,是表盘、表带甚至指针等细节交融统一的结晶,也是技术工艺与设计理念的完美结合。将不同的风格与文化元素,融入腕表的细节里,最终才能成就一枚时尚璀璨又内涵隽永的腕表。而要做到这一点,需要天王表工作人员对工?

  • 自如回应上市传闻:没有上市时间表

    据新京报报道,今日,针对“自如启动上市”的传闻,自如相关负责人回应称:“目前没有上市时间表。”

  • 设计实战 赞扬设计服务带你探究LOGO设计

    我们都知道,每个公司都有着它自己的独特性,这种独特性是由它的发展历程和特有的服务细节所塑造的,也正是因为这种独特性的存在,设计师们才能基于它们来为这些公司企业进行LOGO设计。LOGO绝对是最能够直观的体现一个公司属性和风格的东西之一。专门设计一个独立的、与众不同的LOGO是一件很艰难的事,因为就目前市场上存在的公司企业和五花八门品牌LOGO实在是太多太多了。LOGO设计的独一无二,对公众而言,能够看一眼就能快速的想起某一?

  • mysql怎么处理大表在不停机的情况下增加字段

    MySQL中给一张千万甚至更大量级的表添加字段一直是比较头疼的问题,遇到此情况通常该如果处理?本文通过常见的三种场景进行案例说明。

  • 调查|淘系直播链条中的价值博弈(下)

    613 直播活动的前一天,服装供应商大麦家的直播团队忙到了凌晨两点,就为了赶上这场官方的联合活动,活动旨在为 5 天后的 618 大促预热。他们马不停蹄,几天之内就把 100 多平米的直播间装修好,前一天的晚上还在闲鱼上买了两个大风力电扇,给新装修的直播间去味。

  • 调查|淘系直播链条中的价值博弈

    前一晚的直播结束后,主播璐璐休息了几个小时,中午 12 点左右起床,下午3点来到基地。团队在她来后也已启动,布置直播现场,摄像机位、灯光乃至脚下的地毯,所有细节,都要一再确认。

  • 传闻中的CVC:巨头在天上,看人间打仗

    在中国的商业历史上,有这样一幕在后来反复被提及:滴滴与快的的合并谈判进行到最后关头时,两家的管理层分别在两个房间里,给腾讯的刘炽平和阿里巴巴的蔡崇信打电话征求意见。

  • 贝壳找房回应赴美IPO:消息不实 目前尚无具体时间表

    【TechWeb】6月25日消息,针对媒体报道的贝壳找房计划三季度赴美IPO的传闻,贝壳找房方面回应称,消息不实,目前尚无具体时间表。值得注意的是,此前还有消息称,贝壳找房将赴香港IPO。不过,对于网上的报道,贝壳找房方面均表示了否定,称未明确上市的地点和时间。而最新的报道称,贝壳找房已申请在纽约上市,计划最早三季度赴美IPO,最多融资20亿美元。对此,贝壳找房方面回应称消息不实,目前尚无具体时间表。资料显示,贝壳找

  • 十万以下买什么车好?CS35PLUS不容错过

    对于大多数年轻人来说,购车预算往往在十万左右,而这一级别市场也成为竞争最激烈的细分市场。各家车企面对激烈的竞争,为了吸引消费者的关注,更是推出众多产品来抢占市场。不过也正是因为如此,很多消费者都纠结十万以下买什么车好?而作为国产车企中的老大哥,长安汽车旗下的CS35PLUS无疑是“十万以下买什么车好”的代表之一。初看长安CS35PLUS,你会觉得这款车与市场上其他同级产品有着很大不同。在长安CS35 PLUS身上,虽然也能看到一丝

  • StrategyAnalytics:超宽带芯片正在迈向成功

    Strategy Analytics最新发布的研究报告《UWB的回归:智能手机、汽车、工业等芯片预测》指出,2019年UWB(超宽带)系统和无线电芯片市场实现了飞跃;于此同时,新标准、芯片和应用意味着UWB的复兴。相关资料显示,UWB 技术是一种传输速率高,发射功率较低,穿透能力较强并且是基于极窄脉冲的无线技术。 StrategyAnalytics指出,苹果iPhone11机型采用了全新的U1超宽带无线电芯片以及用于远程无钥匙进入的新汽车标准推动?

  • 丐帮设计打造人人共享在线设计平台

    受疫情影响,互联网经济整体增速放缓,新的营销困境也随之而来。流量是企业的核心困境,而营销渠道是流量的新动能。丐帮设计率先打破了数字化营销的技术壁垒,通过强大的人工智能技术,研发出能随时满足用户需求的设计共享平台。人人都是设计师提到设计,我们会想到什么?是长城、金字塔那样的伟大建筑?是每年巴黎时装周的高定新款?还是埃舍尔的矛盾空间?是,却不止如此。工薪族如何做出精美被老板夸赞的PPT?自媒体人怎样作图?

  • 微信“拍一拍”,社交基因中的触觉尝试!

    ​2020 年 6 月 17 日,微信悄然上线了一个有趣的小功能,张小龙戏称:“微信史上仅需一行代码的有趣功能终于来了。拍一拍,像蚂蚁一样打招呼。”

  • 设计师的福音,超高颜值的ConceptD 3设计本

    对于众多设计师而言,一款专业的笔记本必不可少,但在笔记本市场上符合设计师需求,轻薄、性能、色彩与颜值都满足设计师群体的笔记本少之又少,如何选择选择一款适合创作的笔记本成了众多设计师们的难题。2019年,宏碁针对设计师群体推出了ConceptD系列设计本,在保持轻薄的同时拥有高性能,并为设计师们带来精准的屏幕色彩,提高创作效率,成为众多设计师的不二之选。并在今年618京东购物节之际,宏碁开启限时优惠,618期间购买Co

  • 设计好看就是可以为所欲为

    在汽车历史上有一款很神奇的车,它性能平平,做工粗糙,售价还很贵;它声名狼藉,恶评如潮,卖的也不好;它早早停产,却名留青史,成为一个象征未来的艺术符号。

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