Base64是一种基于64个可打印字符来表示二进制数据的编码方式，是从二进制数据到字符的过程。原则上，计算机中所有内容都是二进制形式存储的，所以所有内容（包括文本、影音、图片等）都可以用base64来表示。

在学习position之前，我们应该去思考一个问题：什么情况下我们需要定位？如果没有定位将无法满足我们怎样的需求？我们要知道，被人类创造出来的每一个知识，都有它的用途，都要解决一些之前遇到的问题。

html元素，除了“块”就是“流”（即平时常说的块级元素和行内元素），而且“流”都包含在“块”中，例如body就是一个“块”，而a就是一个“流”。浏览器默认样式中规定了html元素哪些属于“块”（剩下的就是“流”）。

对于我们所有的web前端开发人员，float是或者曾经一度是你最熟悉的陌生人——你离不开它，却整天承受着它所带给你的各种痛苦，你以为它很简单就那么一点知识，但却驾驭不了它各种奇怪的现象。这就是我们又爱又恨的——float。所以，系统的学一学float是非常非常有必要的。视频学习可参考张鑫旭的《CSS深入理解之float浮动》...

从这一节开始，我们就进入本系列的第三部分——css呈现。本部分将描述css在页面的几种布局和呈现的特性。包括两类：文字、块。第一类——文字。这部分相对比较简单一些，例如设置字号、字体、颜色、背景色、是否加粗等。重点的地方在于设置字体、设置行高、文字相关的距离都尽量用相对值（em）。另外还有一个重点，就是web端...

特指度表示一个css选择器表达式的重要程度，每个选择器表达式都可以通过一个公式计算出一个数值，数越大，越重要。这个公式叫“I - C - E”计算公式：

前文示图中展示了浏览器的渲染过程，那么css与html是如何结合的呢？答案是——选择器！ 1.选择器 可分为两大类： 标签选择器（*是特殊的标签），可单标签，也可上下文多标签； 属性选择器（id和class本质上也是属性）。 1.1 标签选择器 1.1.1 通用选择器 * 通用选择器大家应该都比较熟悉了，最常用的就是重置浏览器默认样...

对于上面的三层，咱们大概都比较熟悉了。下面的两层中，用户自定义样式一般也就是改一改字号大小和字体样式，也没甚好说的。而最有的说的就是浏览器的默认样式。

这一节就开始实践上一节的思路！ 1.“层叠”的概念 简言之，层叠就是浏览器对多个样式来源进行叠加，最终确定结果的过程。举一个简单的例子： 上图中有两个样式来源，第一个是引用的css1.css，第二个是自己在style中编写的样式。“层叠”是个叠加的过程，可通过下图表示： 层叠是CSS的核心机制，理解了它才能以最经济的方式...

上图是webkit内核渲染html和css的流程图。大家可以从图中看到，html的解析是一条线，css的解析是一条线，两者会在某一点结合，形成最终的视图。

常用的html标签，它们的display属性一般默认为block和inline。有哪些常用标签的display不是block和inline，这些标签显示的时候和block/inline有何区别？

工作中或多或少的写一些css，但总感觉掌握的不够扎实，时而需要查阅一下知识点。我想，一方面跟缺少“科班出身”式的系统学习有关，另一方面也苦于一直未寻觅到一套合我胃口教程。直到我读到了王福朋“css知多少”系列文章，使我有了重新系统学习css的想法。

渐进增强（progressive enhancement）：从被所有浏览器支持的基本功能开始，逐步地添加那些只有新式浏览器才支持的功能，当浏览器支持时，它们会自动地呈现出来并发挥作用。 优雅降级（graceful degradation）：一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。