Media Query 简介
Media Query 即媒体查询，借助其可实现响应式设计。Meidia Queries，该网站收集了很多优秀的 RWD(Responsive web design) 的网站。
在 HTML4 和 CSS2 只支持对于不同的媒体类型来设置样式，而 Media Query 扩充了 Media Type 的功能，并且使我们能够更精准的应用样式表。
前端学习资料
编码规范
HTML && CSS
在线教程
CSS
JavaScript
- JavaScript 标准参考教程（alpha） – 阮一峰的JavaScript 标准参考教程
- JavaScript 秘密花园
- ECMAScript 6 入门 – 阮一峰的《ECMAScript 6 入门》在线版
Node.js
- Node入门 – 一本 Node.js 入门书
综合类
工具
正则工具
兼容性查询
- Can I Use – 兼容性查询
- Browserhacks
- W3 Help – 兼容性问题比较权威的查询
浏览器份额统计
测试工具
- JSON 2 HTML – 将JSON转化为可视的HTML嵌套展示
- jsPerf – JavaScript性能测试
标准校验
性能优化
图书资源
理解 CSS 权重
权重值的计算
在最开始学习 CSS 的时，由于自己对 CSS 权重计算认识还很模糊的，在编码的时候单纯的堆积选择器数量来实现样式覆盖，导致代码非常臃肿不利于维护或者经常会疑惑某条 CSS 规则为何没有生效。正所谓“基础不牢，地动山摇”，今天就来好好回顾回顾 CSS 权重的基础。
Read More »
CSS 浮动
说来让自己羞耻：自称写了 HTML + CSS 快一年的我连最基础的浮动都没搞清楚过。脑子里关于浮动的知识点一直处于“大概、好像、应该”这种混沌状态。这样的恶果就是：平时虽然我也在像模像样的在用 float 布局，却常常因为摸不清浮动了的元素的怪脾气而感到沮丧，这种无法掌控页面元素的感觉太糟糕了，就像面对淘气顽皮切不听话的孩子却又手足无措。治本才是关键，我尝试着去重新审视浮动，试图去深入理解浮动，于是便生出此文——我以自己的方式去解读浮动。
由p元素不能包含什么想开去
今天在做读书笔记的时候（目前使用HTML书写），遇到一个困惑：p元素不能包含什么？不想不知道，一想吓一跳。正如最近几天我在反思的：自己对HTML标准理解不够深入，导致自己在很多地方认识很模糊，进而产生模棱两口的情况。我是有着选择强迫症的，这是我不能忍受，多种选择的我定要区分出最佳出来的（在某些时候其实这也挺好）。比如今天的问题：由p元素不能包含？就暴露了自己对行内元素以及块元素区认识不深刻（这是委婉的说法，实际我一直对此的认识为空白），扯远点还有对语义化认识不足。
