认识 line-height 之前，我们需要先了解一些 CSS 中与排版有关的概念。
leading ，这个概念，对应中文的意思应该是“行距”，即排版中相邻两行之间的距离。lead有铅块的意思，在过去手工排版的时代，人们会向模板中插入细铅条来增加类型线之间的距离。现代排版中，leading 的确切定义已经混淆，大致分为两种：1.其一是指相邻两行 baseline （基线）之间的距离；2.其二是指上面一行的底部至下面一行的顶部的距离；其实两种表示的结果一致，但一般使用前者居多。
baseline， 基线，在一开始学习英语的时候，我们会在四线格子中练习英文字母的书写。一般把英文字母纵向等分四线三格，第三条线称为基线，如下图：
今天遇到了一个 border-radius:50% 和 100% 有什么不同 的问题，查资料时在 YouTube找到了这个视频，关于 border-radius 的运用，里面有很多精彩的内容，我将字幕翻译成了中文。视频中的演讲者 @LeaVerou 曾经在 W3C 工作，这是她在2014年做过的一个演讲，那时应该正在 W3C 就职。
首先要理解的一个非常重要的概念就是，页面上的每一个元素都是一个块（block）。字面意思是一个像素矩形。如果你将元素设置为 display:block; 或者这个元素本身默认的就是 display:block; ；这意味着你可以设置一个元素的宽高，这个元素也会遵循它。但是那些默认是 display:inline; 的元素，就像默认情况下的，也是矩形，他们只是用不同的方式流入页面，尽可能的横向排列。
position:static 是所有元素的默认定位，就是说元素没有定位，出现在文档中通常的位置。
一般情况下你不用去指定它，除非你需要用它来覆盖前面的定位设置。1
2
3#div-1 {
position:static;
}
看到这样一篇文章，作者是 J. David Eisenberg ，于 2001年9月28日发表于 CSS, HTML。
J. David Eisenberg 是一位程序员兼教师，和他的猫, Marco Polo 和 Big Tony一起生活在 San Jose, CA 。写过一本关于 Scalable Vector Graphics（SVG）的书。对 OpenDocument Format 和 学外语感兴趣。
我将主题内容及要点翻译并罗列如下，原文请看 How to Read W3C Specs。
World Wide Web Consoritium（W3C）是所有网络技术规范的守护者。作为 web 设计者，你应该访问过他们的网站(w3.org) 来寻找关于 XHTML 的问题的答案，或者关于一些更新的技术，例如 XSL Formatting Objects 或者 Scalable Vector Graphics。（文章发表时间较早，HTML5 还没诞生）
你跑去看规范，然后立刻陷入混乱，说：“这根本没法看！”。实际上，它是可读的，只要你理解了一点关键信息
Meta tags 作为描述网页内容的文本片段，它不会在页面上显示，只会存在与页面代码中。不同网站的 Meta tags 或多或少都有点相似，一些内容描述符，告诉搜索引擎网页的内容。Meta tags 只会出现在页面 “head” 标签内，只对搜索引擎可见。然而，它是 SEO 的重要手段。
我们介绍一下 SEO 中的 8 个重要的 Meta tag：
Title tag, Meta description, Canonical Tag, Alternative text (Alt) Tag, Robots meta tag, Social Media Meta Tags (Open Graph and Twitter Cards), Header tags, Responsive Design Meta Tag
Hexo 开启欢乐的 emoji 之旅 💛
Hexo 默认的 markdown 渲染引擎不支持将 Github emoji 渲染到静态的 html 页面中，我们换一个支持 emoji 的引擎，再增加一个 emoji 插件即可.
命令行如下：1
2
3npm un hexo-renderer-marked --save
npm i hexo-renderer-markdown-it --save
npm install markdown-it-emoji --save
Tips：据说 hexo-renderer-markdown-it 的速度要比 Hexo 原装插件要快，而且功能更多
之前一直手敲HTML标签😅，最近知道了 Emmet 这个神奇的东西，可以用短短一行代码生成复杂的树结构，同时绑定属性，还具有自动编号等强大功能。于是上官网把 Cheat Sheet 都手敲了一遍，然后记录一下，添加了一些注解，方便自己记忆查阅，原文。
阅读 W3C 2018年9月11日发布的 Selectors Level 3 提议的一些翻译和记录，文档中说，这份提议还只是草稿，不属于规范的一部分。
选择器（Selectors ）是一种用来匹配树节点元素的模式，因此一种可以用来选择XML文档节点的技术。选择器已经针对 HTML 和 XML 进行了优化，旨在用于性能苛刻的代码。
CSS (Cascading Style Sheets) 是一种用于描述在显示器、纸张和语音等中渲染和呈现 HTML 和 XML 文 档的语言。CSS 用选择器将样式属性绑定到文档的元素。
在 CSS1 和 CSS2 中已经有了选择器，下面介绍 CSS3 以及其他语言可能需要用到的选择器。
选择器定义了下面的方法：1
expression * element -> boolean
就是说，给定一个元素和一个选择器，规范定义改元素是否与选择器匹配。
通过对一个子树中的所有元素进行表达式评估，这些表达式还可以被用于选择一些元素集合，或者从元素集合中选择一个元素。
div标签用于组合其他HTML元素，本身无实在意义。常用于页面的布局，比如一个展开式的广告页面框架大致如下：1
2
3
4
5
6<body>
<div id="wrap-container">
<div id="collapsed-container"></div>
<div id="expanded-container"></div>
</div>
</body>