Normalize.css源代码分解

分享到:

Normalize.css 与 CSS Reset 有什么区别?

Normalize.css是一个轻量级的CSS跨浏览器解决方案,包括移动浏览器。它提供了一套默认的样式,使得元素在大部分浏览器中具有相同的外观。

Normalize.css基于最新的HTML5规范,相比较传统的css reset更具现代性。 
Normalize.css本文分解的版本是2.1.3,代码和注释总共406行。

reset 的目的,是将所有的浏览器的自带样式重置掉,这样更易于保持各浏览器渲染的一致性。例如 yui3 reset 中的一段:

ol, ul {list-style: none}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal}
normalize 的理念则是尽量保留浏览器的默认样式,不进行太多的重置。

——来源:segmentfault
昵    称:
验证码:

相关文档:

  • [html5/css3] html5 Web Socket
    一个WebSocket的简单Echo例子:例子代码来自:http://www.websocket.org/echo.html 使用一个文本编辑器,把下面代码复制保存在一个websocket.html文件...
  • html5 新属性
    <pcontenteditable="true">这是一段可编辑的段落。请试着编辑该文本。</p> <inputid="email"type="email"placeholder="zhangxinxu@zhangxinxu.com"size="26...
  • HTML5属性运用
    HTML5 接触移动端,或专注于支持HTML5浏览器进行前端开发的工作者都不会陌生,这个已经普及很广,对于我专注于PC端开发的人来说,觉...
  • html5基础概念
    html5基础概念 html5=html+css+javascriptAPI window.websocket()即时的浏览器与服务器的互相通讯 比轮询polling长轮询(longpolling)ajax要好http://www.cnblogs.c...
  • html介绍
    Html的介绍 Html是一种标记语言,主要的用处是开发网页 展示出文字,图片,视频,声音等等 是我们web开发的基础 做什么 所谓的静态页...
  • 摇滚吧HTML5!Jsonic超声波前端交互!
    前些年吹过一阵canvas制作html5游戏的东风,相信不少同学重温了一把高中物理课本上的牛顿定律。时光如梭,你是否还记得牛顿定律后面...
  • html5<canvas>画图
    前言 <canvas></canvas>是html5出现的新标签,像所有的dom对象一样它有自己本身的属性、方法和事件,其中就有绘图的方法,js能够...
  • 用jQuery Mobile做HTML5移动应用的三个优缺点
    在过去大约一个月的时间里,我一直在使用JQueryMobile为一个健身培训网站开发基于HTML5的手机/平板前端应用。我之前曾经写过Android和iOS...
  • h5拖放
    拖放:抓取对象以后拖到另一个位置。在HTML5中,拖放是标准的一部分,任何元素都能够拖放。1、设置元素为可拖放draggable="true"2、拖动...
  • 史上最全的Chrome使用技巧集锦
    1Chrome的隐身模式 2 3先来说说隐身模式的启用方法吧 4 51.键盘快捷:Ctrl+Shift+N。 6 72.在Windows7下的任务栏处,右击“Chrome”图标,会...
  • html5(二)
    *{margin:0px;padding:0px;} h1{font:bold20pxverdana,sans-serif;} h1{font:bold14pxverdana,sans-serif;} header,section,footer,aside,nav,article,figure,f...
  • HTML5+JS 《五子飞》游戏实现(八)人机对战
    要想实现人机对战,就必须让电脑自动下棋,而且要知道自动去查找对方的棋子,看看有没有可以挑一对的,有没有可以夹一个的,这样...
  • HTML5 FileAPI(转)---(一)
    在HTML5中,提供了一个关于文件操作的API,通过这个API,对于从web页面上访问本地文件系统的相关处理变得十分简单。到目前为止只有部...
  • HTML5本地存储 localStorage
    HTML5的本地存储是大势所趋,如果仅存储在内存中,则是sessionStorage,他们的语法都是一样,仅仅是一个存储在本地文件系统中,另一个...
  • 让所有的浏览器都能识别HTML5标签样式的小插件
    如今HTML5愈来愈引发大家的关注了,但目前支持HTML5的浏览器还不是主流,特别是国内用户近50%以上仍旧使用IE6,由于支持HTML5的IE9不支持...
  • 10+ Best Responsive HTML5 AngularJS Templates
    http://www.responsivemiracle.com/collective/best-responsive-html5-angularjs-templates/...
  • HTML5数据推送应用开发
    javascript表达行为,css表达外观,注意HTML既表达结构(逻辑结构),又表达内容(数据本身)通常需要更新数据时,并不需要更新结构,...
  • HTML中的figure与figcaption标签
    本来想分两篇文章来解释说明figure、figcaption的,但是这俩个标签都是定义图文的,所以我们合起来讲解,大家更能容易接受。 大家在写x...
  • Html5实践之EventSource
    最近尝试了一下服务器端的推送,之前的做法都是客户端轮询,定时向服务器发送请求。但这造成了我的一些困扰: 1:轮询是由客户端...
  • [MODx] 1. Add Html5 template into the MODx
    1.ConnetMODxbySSH: GototheMODxcloud; FindyoucurrentuserandrightclickseletEditCloud; FindyourSSHconnectinformation: 2.UploadanHTML5template Yo...