首页 > 教程 > 关键词 > 网页设计最新资讯 > 正文

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

2009-05-21 13:53 · 稿源:网页教学网

自从看了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相关数据进

  • 从濒临破产到价值4亿美元,这个无代码网站设计平台经历了什么?

    很多初创公司都会试图构建自己的网站或者开发平台,而在没有预算和专业网站开发人员的情况下,无代码开发平台和工具成为了很好的选择。

  • 专利显示微软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头像。

  • 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 日下午,科勒精选还将倾情呈献“幸福的多维空间”专场主题论坛。在设计中感知幸福生活在

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

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

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

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

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

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

  • 致远互联协同云斩获“2020最佳云服务创新奖” 低代码特性获赞

    日前,凭借创新性的产品和商业模式以及低代码特性,致远互联协同云荣获中国科学院《互联网周刊》、中国社会科学信息化研究中心、eNet研究院和德本咨询联合颁发的“2020最佳云服务创新奖”。据悉,此次评选的意义在于挖掘各行业中具有新科技代表性、创造可持续价值的企业,而且更看重企业未来的发展潜力。目前,致远协同云汇聚了众多行业、领域、场景的应用产品与解决方案,支持用户定制行业解决方案、管理领域、主题场景等业务应用

  • 五大技术体系升级,SuperMap GIS 10i(2020)新特性速览

    在 9 月 9 日下午举办的2020 GIS 软件技术大会主题大会上,超图正式发布了新产品——SuperMap GIS 10i(2020)。SuperMap GIS 10i(2020)发布 超图软件研发的大型GIS基础软件系列——SuperMap GIS,是二三维一体化的空间数据采集、存储、管理、分析、处理、制图与可视化的工具软件,更是赋能各行业应用系统的软件开发平台。 历经二十余年的技术沉淀,超图软件构建了云边端一体化的SuperMap GIS产品体系,包含云GIS服务器、边缘GIS服?

  • 上直播联手稿定设计,共同推进视频直播+在线设计服务的融合之道

    近日,上直播与稿定设计达成战略合作,双方将持续探索企业视频直播与商业设计领域的跨界融合,为双方的使用受众提供更多元化的视频直播和在线设计领域的使用体验,共同推动视频直播和在线设计的融合发展。上直播是国内知名的企业直播服务商,旨在为企业提供从视频内容生产、内容运营、大数据精准营销于一体的完整营销闭环服务,衍生了教育培训、医疗、金融、企业内训、汽车、房产、互联网等众多行业的企业视频直播解决方案,当前已

  • 和平精英SS10赛季手册奖励内容汇总 SS10赛季手册全部内容一览

    和平精英在10月13日上线了SS10赛季的赛季手册,很多玩家还不清楚这次的赛季手册的奖励内容是什么,下面就来为大家详细的介绍一下。

  • RHFITNESS任和参展第38届体博会,诚邀您的莅临

    2020 年 9 月 28 日,第 38 届中国国际体育用品博览会(以下简称“ 2020 体博会”)将在国家会展中心(上海)举行。本届体博会是疫情防控工作进入常态化后国内举办的首场综合性国际体育用品展会,吸引了超过 1000 家企业共聚上海。 RHFITNESS任和品牌将携带旗下多款智能跑步机、走步机,参展本届体博会,为观展人员带来更智能、澎湃的健身体验。升级机型、智能触控……汇聚各类智能特色新品。 RHFITNESS任和品牌定位于中高端家用运动?

  • 御时而行:RARONE雷诺表与CEC 中国汽车耐力锦标赛一同出发

    RARONE雷诺表成为 2020 年CEC中国汽车耐力锦标赛官方合作伙伴,御时而行,与CEC一同出发!中国品牌联手中国赛事RARONE雷诺表此次联手CEC中国汽车耐力锦标赛,是中国腕表品牌与国家级汽车赛事的强强联手。雷诺表始于 1988 年,是中国知名腕表品牌、博鳌亚洲论坛长期战略合作伙伴,暨“博鳌亚洲论坛商务礼宾用表”。是一家集研发、生产制造及手表销售、世界名表代理为一体的综合手表企业品牌。获得 200 多项荣耀,自主知识产权专利 10

  • iPhone12什么时候上市 苹果12手机上市时间表

    苹果iPhone12手机即将在10月14日凌晨1点发布,对于很多想要换新手机的朋友来说,十分期待今年iPhone12的配置以及价格,同时也关心iPhone12会在什么时候上市发售,这里我们来看下iPhone12具体的发售时间。

  • 意甲联赛 2020 赛程表,当贝市场分享大屏幕观看方法

    在博洛尼亚对阵帕尔马的比赛后,意甲联赛迎来了新一轮的赛程, 10 月 1 日00: 00 意甲联赛火力全开,贝内文托将迎战国际米兰。在 10 月 1 日的首轮对绝中,国际米兰的实力很强,在这个赛季中引进本赛季引进比达尔、科拉罗夫、哈基米等强援,主帅孔蒂排兵布阵也能够熟练的掌握,不过在客站对战的贝内文托,提前 7 轮升入甲级,首战客场3: 2 力克桑普,围绕伊沃泥塔、达博构建的中场拼抢凶悍,但是在国米的强势进攻下也很难取得胜利?

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