《
编写适合所有项目的通用的reset.css》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302345M2013.htm
牛顿是站在伟人伽利略的肩膀上的,我们也可以这么做。首先咱们要选定一个前进的基本。
请永远不要使用
那么,文字颜色呢?准则上来说,也是不应当设置文字颜色的。然而IE中的表单元素中legend这个对象比较特殊,跟主题联合的比较严密。legend会默认有自己的颜色(跟当前的主题有关)而不会继续父元素的颜色(即使设了color:inherit;)。
从某些角度来说,能够想当然地认为设置字体色彩人数远小于设置背景色的人数;以及以为就算设置了背景色,人们看到legend元素是玄色的也不会感到奇异。因而,YUI在其reset中设置了legend {color: #000;}是无可非议的。
但反过来说,把这个放到typography.css或者form.css里岂不是更好,给门户网站站长提的几点建议?不同的页面设计,其对legend的色彩请求很可能是不同的,放在reset.css里反复定义是没有必要的。因此这条CSS规则可以作为在reset.css之后首先应当设置的规矩。
而Eric在当前最新版中让所有颜色为透明,他认为透明才是最原始的颜色。固然他曾一度认为也应该设置白色背景色、黑色文字颜色。至于最后为什么改了,Eric并不给出详细理由。
每每有新项目,第一步就是应当应用一个reset.css来重置款式。滥用不如不必,直接拿个现成的reset.css过来将导致后期各种离奇bug的产生。所以最好仍是本人写一个reset.css,并且要清楚每一条reset都是用来做什么的。reset.css本意就是重置样式,我始终倡议把.clearfix放入layout.css,而把h1、h2之类的定义放进typography.css。 详细如何计划网站CSS构造,不在文本探讨之列,可以参考Smashing Magazine上的文章,海内有差能人意的中文译版。留神,本文把reset分成了两个局部,给站长朋友的提示―“网站建设 安全很重要”,一个是纯reset.css,可以用于任何项目。另一个是用于特定项目标“reset”,自定义修正的内容,这些内容可以放在layout.css、typography.css之类的文件中,他们独特导入到一个base.css构成一个项目的基础样式。本文就是来介绍如何写一个适合所有名目的通用的reset.css,以及先容在设置玩reset.css之后须要针对不同项目要首先要设置的内容。
--> [
网站建设之]编写合适所有项目的通用的reset.css
这个问题我根本认为是用户自定义的更重要还是你的设计更主要的问题。我个人的观点是,如果你的设计自身就是白色背景,那么不要设置背景。一小部门中高程度的用户,他们会自定义网页默认背景色。设置成他们爱好的背景色,好比浅蓝色。基础常见的阅读器都供给了这个简单的功效。而我们的背景色重置则会损坏用户的抉择—&mdash,给新手站长的一点忠告;只管这样能保障你的设计原汁原味的浮现给所有用户。当然我晓得,更高真个用户会用Stylish之类的Firefox扩大来自定义页面。但不得不说,只会用“选项”来调背景色的用户更多,不是么?而同时,假如设计本身就有其余背景色,比如黑色、蓝色、绿色之类的,OK,这些设计当然可以设置背景色。但请不要放进reset.css里。这里是重置样式的处所,不是你设计的地方。请把你的设计放在更广袤的土地上。
对页面是不是有默认背景色和前风景,YUI跟Eric有着不同的见解。
YUI重置背景色为白色而文字颜色为黑色。
所以,简略说来,NO,不要在reset中设置背景色。
2、默认颜色
1、基础
0、引言
* { margin: 0,给做网站建设的一些建议; padding: 0; }
这问题太多了,在此不多加表述。
目前比较风行的有Eric Meyer的重置样式和YUI的重置样式。另有Condensed Meyer Reset简化Eric Meyer的样式。有趣的是,给CSS初学者汇总的几个技巧,Eric的重置样式也是源于YUI的。而那份简化版又把Eric的样式简化回YUI的样式了 。但同时,蹩脚的是,网上传播的比较广的(尤其是国内)都不是最新的版本。上面两个页面里直接看到的都不是最新的,Eric专门为有一个reset.css页面。而YUI当前版本(2.7.0)的reset.css实际地址里,比上面的页面中还多一些货色。此外,我们还可以基于一些常见的框架,比拟有名的比方Blueprint或者Elements CSS Framework(这个的reset也是源自于Eric Meyer的)。OK,筹备工作就差未几了。以上这些都可以作为参考材料来组织我们自己的reset。我这里重要采取YUI,兼带Eric的reset。
html {
color: #000;
background: #FFF;
}
Tag:reset.css reset.css
(责任编辑:网站建设)
编写适合所有项目的通用的reset.css相关文章