解析差异 上面一行是 11.9 像素大小的文字，下面一行是 11.4 像素大小的文字，看看各个浏览器下都表现得怎么样： IE6 浏览器下（IE 下与此表现一致，避免重复，IE7 下图略） Firefox 浏览器下 chrome 浏览器下（Safari 同内核，同表现） 当文字大小 11.9 像素时，IE6 和 Firefox 等浏览器的表现是不一致的。IE6 下显示的是 11 像素大小的文字效果，而 Firefox 等 w3c 标准的浏览器则 1… »

背景色 一般情况下，我们 css 控制的最高节点就是 body，例如设置： body 作为一个根节点起作用了， 标签未被激活，body 担当类似于根节点的节点，其 background 背景色被浏览器俘获，浏览器界面背景色为 background 的背景色 按照对一般标签的理解，100 像素的外边距应该不含有背景色的，然而显示的结果是（Firefox 下表现与此类似）： 一旦设置了 节点的 background… »

产生的条件 对于 14 像素大小的字体是没有本篇所要探讨的单（复）选框与文字对齐的问题的。（见下图） 但是，对于 12 像素大小的文字，则就存在对齐问题了，尤其在 Firefox 火狐浏览器以及 chrome 谷歌浏览器下。（见下图） 这就是本文所要研究与解决的问题，可以肯定的是单复选框与文字默认以 vertical-align:baseline 的方式对齐的。 解决方案 vertical-align: text-bottom css 代码如下：vertical-align:text… »

语法 语法解构 CSS 语法中的特殊符号的含义绝大多数就是正则表达式中的含义，例如单管道符|，方括号[]，问号？，个数范围花括号{}等。具体说明： 首先是单管道符|。表示或者。也就是这个符号前后的属性值都是支持的。因此，下面这些语法都是支持的： 接下来是 … 这一部分。其中方括号 表示范围。也就是支持的属性值在这个范围内。我们先把方括号 内其他特殊字符去除，可以得到下面的语法： 这就是说，flex 属性值支持空格分隔的… »

纯 CSS 实现数据上报 举个例子，要跟踪并统计某个按钮的点击事件： 此时，当我们点击按钮的时候，相关行为数据就会上报给服务器，这种上报，就算把 JS 禁掉也无法阻止。 点击页面的两个按钮，可以看到发出了如下的请求： 当然，我们可以统计的不仅仅是单击行为，hover 行为，focus 行为都可以统计，当然，还有很多其他方面的。例如： 不支持 CSS3 浏览器比例统计 例如，我的 Chrome 发出的图片请求地址就是： 类似的，我们可以检测支持其他一些 CSS… »