码迷,mamicode.com
首页 > 其他好文 > 详细

兼容,原来在这里就已经开始--------Day34

时间:2014-06-19 09:59:26      阅读:216      评论:0      收藏:0      [点我收藏+]

标签:前端   reset   css   兼容   

看了两天,算是将w3cschool的javascript部分浏览了一遍,在脑海中大约有了一点概念,也才真切体会到:一入江湖深似海,欲穷此路难上难啊,至少现在看起来是遥遥无期,太多不懂, 太多茫然,不过这样也好,已经是无法再差了啊,任何方向去走都是上坡,既然如此,那就走吧...


题外话:(个人学习记录)

javascript..的ECMAscript+DOM+BOM,用一句话来概括下吧:秉其法,控其形,与其交。

可能需要研究的一些课题:闭包/js操作cookie/浏览器差异/兼容实现/渲染等等,慢慢来吧,不敢好高骛远,路遥才知“码”力,加油.....


言归正传,来说一下今天要记录的内容:reset.css,看到这里,不知道看到的人是上当的感觉,还是恍然的感觉,对,我要说的就是这个reset.css。

1、它是什么?

其实个人感觉很难给它一个专业化的定义,更多的应该是理念上的一种理解,首先我们要知道的是一个无奈的现实,各个浏览器的默认样式是不同的,所以编写相同的代码,在不同的浏览器上则会出现不同的反馈效果,然而,我们还必须意识到第二个更无奈的现实,我们无法要求我们的用户就必须用一种浏览器,这违背了我们的初衷:给用户带来便利,我们是为解决问题而来,不要给人添不必要的麻烦,于是,在上面两个原因的推动下,reset.css就这样来了。

原理:利用css的执行顺序和优先权,将浏览器的附属样式进行覆盖。

2、那些年

给出下面这样一句代码,相信大多数人都不陌生

*{margin:0;padding:0;}
有人说,它的学名实际上叫:GLOBAL WHITE SPACE RESET,归于原始状态,如果说reset.css是用来糊墙纸,美化房间的话,这句话就一下子让我们回到多年前,它把一切都拆的支离破碎,仿佛又回到那个只拥有毛坯的开始,不破不立,仿佛看到了亚历山大挥向死结的利刃,蛮横却有效....

它的清理程度令人惊艳,然而过犹不及,它对渲染性能的影响,样式设置的不可缺少性,使得它开始慢慢淡出人们的实现,虽然这曾像个传奇令我惊讶....

3、使用原则

永远不会有一种可以一劳永逸的方法,就像永远不会一个万能的解决方案,而 究竟用什么样的reset.css,在以后的漫长编程生涯中慢慢添加吧,没经验玩不了,但是终究有几点是不可或缺的:

a、尽量的减少“复制”“粘贴”的使用频率,保证代码的低重复率;

b、不要直接下载使用,编写适合自己的reset.css;

c、确保reset.css中的每句话都理解

d、不要添麻烦,像*{}


大体上就写这些吧,其实简单了说,就是个将各个浏览器都打回原始状态(所有浏览器样式被覆盖),然后开始一点点重新构建,好一个破而后立。

bubuko.com,布布扣

兼容,原来在这里就已经开始--------Day34,布布扣,bubuko.com

兼容,原来在这里就已经开始--------Day34

标签:前端   reset   css   兼容   

原文地址:http://blog.csdn.net/marsmile_tbo/article/details/30126165

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!