网站通过W3C CSS标准的一些经验

  一、少用偏门。类似break-word断行,z-index手动分层,还有像垂直对齐等等这些偏门CSS最好少用,因为不一定所有浏览器都支持,而且极难通过W3C检测。

  二、center不是float的值。很多新手都会把center误认为是float的值,而偏偏不是如此。center只是text-align的值。

  三、对齐不能包括两个值。很多新手会在float或者text-align中填写两个值,比如:float:left top。这是不允许的,浏览器也无法识别。

  四、滚动条颜色最好不要自定义。很多浏览器不能正常识别自定义颜色的滚动条,况且很多自定义颜色都不能通过W3C。

  五、单独滚动条设置。现在经常使用overflow-x(横向滚动条)或者overflow-y(纵向滚动条),在设置这个的时候经常会发现并不是所有的客户端上都有效果,大家在设置的时候最好在body和html同时进行设置。然而这个CSS也不是CSS2.1支持的(CSS2.1支持overflow,同时定义横纵滚动条),直到CSS3才支持这种定义方式。尽量少用。

  六、background和color颜色相同会受到警告。关于更多的知识,您可以参考52CSS.com的相关文章。

时间: 2024-09-26 20:33:13

网站通过W3C CSS标准的一些经验的相关文章

通过W3C XHTML1.0标准验证的经验

问题描述 [计世网商用软件频道]消息:本文章是一位网友在进行网站更新与调整时,进行W3CXHTML1.0验证的时候的一些经验.总结出通过W3CXHTML1.0标准需要注意的九个问题:一.在<divclass=tzh>IamTZH!</div>这段语句中有什么错误?标点符号问题.这其实也是大家最容易忽视的问题,其实就是小小的两个引号,就造成了这个错误.虽然很多浏览器在不加引号的情况下仍然能正确识别渲染.但是这样想要通过严格的W3CXHTML国际标准是不可能的,请大家记住等号后面一定要

标准建造网站:用CSS实现页面皮肤适时切换

css|标准|页面 用CSS实现页面皮肤适时切换--用W3C标准建造的网站,从理论上来说可以做到完全的表现与结构相分离.打个比方,就是可以在不动骨架(结构,XHMTL)和肌肉(行为,Javascript)的前提下,彻彻底底地换一身皮(表现,CSS). 当然,换皮之前你需要先按W3C标准建好你的网站,并且为它准备两套表现不一样的CSS."换皮"实质上就是"换CSS",我们要做的,只是用某种方法让浏览器载入另一套CSS,重新渲染页面.方法有很多种,我就介绍最常见的三种.

Div+CSS标准网页布局容易出现的问题汇总

css|标准|网页|问题 应用Div+CSS网页布局,制作符合web标准的网站,容易出现的一些问题.现在总结一下,以便大家能够看到明白问题出在那里. 一.CSS校验的问题 我们设计的网页,都希望符合XHTML标准,CSS通过W3C的校验.有些未通过CSS2.0校验,主要校验错误都是:"Line : 0 font-family: 建议你指定一个种类族科作为最后的选择"W3C建议字体定义的时候,最后以一个类别的字体结束,而不要以单独某个字体结束.例如"sans-serif&quo

怎么改善现有网站为xhtml+CSS

css|xhtml 我们大部分的设计师依旧在采用传统的表格布局.表现与结构混杂在一起的方式来建立网站.学习使用XHTML+CSS的方法需要一个过程,使现有网站符合网站标准也不可能一步到位.最好的方法是循序渐进,分阶段来逐步达到完全符合网站标准的目标.如果你是新手,或者对代码不是很熟悉,也可以采用遵循标准的编辑工具,例如Dreamweaver MX 2004,它是目前支持CSS标准最完善的工具. 1.初级改善为页面添加正确的DOCTYPE 很多设计师和开发者都不知道什么是DOCTYPE,DOCTY

怎么改善现有网站为xhtml+CSS结构

css|xhtml 我们大部分的设计师依旧在采用传统的表格布局.表现与结构混杂在一起的方式来建立网站.学习使用XHTML+CSS的方法需要一个过程,使现有网站符合网站标准也不可能一步到位.最好的方法是循序渐进,分阶段来逐步达到完全符合网站标准的目标.如果你是新手,或者对代码不是很熟悉,也可以采用遵循标准的编辑工具,例如Dreamweaver MX 2004,它是目前支持CSS标准最完善的工具. 1.初级改善为页面添加正确的DOCTYPE 很多设计师和开发者都不知道什么是DOCTYPE,DOCTY

从GMail认识的W3C网页标准和Ajax

ajax|w3c|标准|网页 不可否认,W3C网页标准刚出来的时候的确很吸引人.那时因为firefox的出现,冲击了浏览器市场,使得大家为了一个小狐狸,而掀起一场网页标准的风波,但是对于设计师来说带来什么?在这场风波我看到的最多就是技术的泛滥. 和一些designer聊天,第一句话就问,"你的网页标准化了"吗,"你的网页又有几处错误".无形中这些话就给我们这些designer来说带来很大压力.每次更新网页都很害怕因为一些小小的改动导致一些小错误.似乎W3C成了一种追

菜鸟浅谈网站设计的评价标准有哪些

中介交易 SEO诊断 淘宝客 云主机 技术大厅 到现在已经对一些网站表达了自己对其设计的一些看法,虽然不是专业的网页设计师,但是网页设计师却不一定掌握营销导向型网站设计的设计标准,这个问题也是作为网络营销人员和站长们所关注和希望改进的地方.现在把我对于网站设计的七大标准呈现给大家,顺序不作为轻重与否的标准,里面很多看法是业界一致的,希望对大家能有参考价值; 一, 网站主题性.网站主题性是指网站是做什么的,怎么做的,要将最主要的内容呈现给用户.网站主题性是用户对于内容的直观体验,与网站易用性的有着

W3C的标准规范是怎样制定出来的?

W3C的标准规范是怎么制定出来的?浏览器厂商是收到来自w3c的规范标准才结合自己的浏览器进行开发更新以支持新特性吗?一直很好奇,搜集了一些资料,主要参考了W3C CSS工作组特邀专家Lea Verou写的<CSS揭秘>和W3C的官方介绍. 一. W3C W3C,一直被大众认为是Web标准的制定者,我们遇到的很多问题,大部分都能通过研究W3C官网上发布的文档解决(官方文档也是最好的学习资料,虽然有些地方难以理解,但确是原汁原味和权威的).但据Verou介绍, W3C扮演的只是一个论坛的角色: W

符合W3C网页标准的iframe标签的使用方法_javascript技巧

网站想改版,其中有一种广告的问题,以前每投放一个广告我都要把全站的文章都要更新一遍,这样既不便又不好!把网站以前推荐的一些文章都改成现在推荐的几个了!而且还浪费了我的时间.所以想使用Iframe来实现,但是直接使用iframe又不符合标准,那么该如何使用才能符合W3C的标准呢?  直接使用"IFRAME"不符合"W3C网页标准"  用JS来实现iframe 的标准化.  一.建立一个JS文件,代码如下:  复制代码 代码如下: function ifr(url,w,