Note. It is recommended that implementations that use OpenType or TrueType fonts use the metrics "sTypoAscender" and "sTypoDescender" from the font's OS/2 table for A and D (after scaling to the current element's font size). In the absence of these metrics, the "Ascent" and "Descent" metrics from...

前端小图标处理方案众多，本文主要介绍基于雪碧图的处理方案，分析雪碧图的预处理和后处理模式的得与失，以及在项目中通常会遇到的问题以及解决方案。其他小图标处理方案未在此文探讨之列。

最近在研究 Retina 屏的适配问题，在具体方案讨论之前，陆续做了一些理解笔记，现归纳如下。具体方案的讨论将另作文章。 <meta name="viewport"> 中的 viewport 是布局视口 initial-scale 等的缩放是基于理想视口的 理想视口由设备各自提供，理想视口的宽度也是设备的独立像素 所谓“独立”是说这个设备独立像素和像...

原文：[链接] 译者注：本文仅简单翻译下原文中关于如何计算 flex 属性的值的部分。其他有关 Flex 布局的知识本文不作探讨。 2015.12.5更新：关于 flex 不同的取值情况，以及 flex-basis 的取值意义，请参考我在这个问题中的回答：[链接]

前言碎碎语：标题问题在昨天困扰了笔者很久很久，早上把问题提到了各网络也暂时没有回复。因为明天要早起飞异地参加一场校招面试，笔者还是很紧张的，但奈何问题不解决寝食难安……所以还是卯起劲重新思考这个问题，算是暂时有了一个自己比较认可以及清晰的答案，与各位读者分享。如您有不同观点想法意见建议，恳请斧正！

前言：关于层叠上下文，笔者还没有去阅读更详细的 W3C 规范来了解更本质的原理（表打我，等我校招拿到 offer 了我就读好伐 T_T）。一直听说 CSS3 里的层叠上下文有新情况，但没找到很好的参考资料，故自己实战一把。鉴于笔者水平有限，如有任何遗漏或者错误，则恳请读者斧正。

2015/10/08： 原“10.8标题 行盒高度计算”改为“10.8 行高计算”。英文原文为“line height”。由于翻译时候看到那段结论是行盒的高度，脑抽就把原本翻译对的标题改了下，刚回顾一番深觉不妥，故改回来。

2017-07-20: 关于外边距折叠, 推荐问题: [链接] 8 盒模型 Box Model URL: [链接] Translator : HaoyCn Date: 15th of Aug, 2015 译者注：本译文仅择精要部分翻译了规范，主要描述了盒模型结构，以及重点分析外边距折叠。个人水平有限，欢迎指正！ CSS盒模型所描述的矩形盒由文档树内的元素生成，根据视觉格式化模型布局...

本章和下章用于描述视觉格式化模型：用户代理 User Agent 如何在视觉媒体 Visual Media 下处理文档树 Document Tree 。

Original Author: Ritesh Kumar Original Article: http://www.sitepoint.com/understanding-block-formatting-contexts-in-css/ Translator: HaoyCn Date: 9th of Aug, 2015

CSS选择器优先级与效率优化 Date: 7th of Aug, 2015 Author: HaoyCn 本文收集网上各处关于CSS选择器的文章总结，并自己归纳一篇。 各类选择器的优先级 important声明 1,0,0,0 ID选择器 0,1,0,0 类选择器 0,0,1,0 伪类选择器 0,0,1,0 属性选择器 0,0,1,0 标签选择器 0,0,0,1 伪元素选择器 0,0,0,1 通配符选择器 0,0,0,0 ...