在最近的开发中由于需要使用一些 svg 和 web font Icon (font-awesome Icon)。在元素的修饰上，尤其在 伪元素::before ::after上，多数会使用到定位。无论是让元素居中，还是其他效果，都让我有些无助。这里我查阅了一些资料，记录下一些笔记和自己的理解。

在自学前端的过程中，我一直都没有对html和css过多的重视，一直停留在一些基本的css属性上。最近把javascript又看了一遍后，在看一些css框架。在源码的研读中遇到了很多听都没听过的属性或属性值（好心痛！）。
这各系列的文章是记录我在源码研读或在折腾时遇到的一些属性及值，做一些记录，测试。（一般情况下不会过多的去研读背后的意图）

在css代码的书写中，我们经常灰面对数值的单位发愁，是该用那种？各有各的优势。
在我的css使用中多数数值单位是rem，rem比较自由，用起来有手有放，在数值单位单位方面很难出现意料之外的情况，同样还拥有em的响应性。这里记录下一些对rem的理解

Gulp是前段一个强大的前段自动化构建工具，它也是从著名的Grunt构建工具啊发展而来。Gulp更加的优秀！

• 易于使用：通过代码优于配置的策略，Gulp 让简单的任务简单，复杂的任务可管理。
• 构建快速：利用 Node.js 流的威力，你可以快速构建项目并减少频繁的 IO 操作。
• 插件高质：Gulp 严格的插件指南确保插件如你期望的那样简洁高质得工作。
• 易于学习：通过最少的 API，掌握 Gulp 毫不费力，构建工作尽在掌握：如同一系列流管道。

在开始制作一个网页或项目时，因为各浏览器厂商没有让浏览器对代码初始样式统一，导致我们要去统一各浏览器对代码的默认解读相同。

从过去的CSS Reset到现在的Normalize.css，开发者们一直对浏览器样式初始化统一努力着。

网页布局（layout）是CSS的一个重点应用。

布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。

Flexbox布局（Flexible Box）模块(目前处于W3C工作草案)旨在提供一个更佳有效的布局方式，更好的控制项目的对齐和自由分配容器空间，即使它们的大小是未知的或动态的。因此得其名”flex”。

W3C兴趣小组，翻译了一份中文，感兴趣的可以点击这里。

标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。 —— W3School

viewport一个被小看的巨人！在今天在绝大多数的网页代码头部都会看到类似<meta name="viewport" content="name=value,name=value">这样的元信息，而这个神奇的meta值用于定义视口的各种行为。

该特性最先由Apple引入，用于解决移动端的页面展示问题，后续被越来越多的厂商跟进。

在移动设备兴起的今天，不同厂商生产的手机都会存在差异，这导致用户不能很好的通过手机浏览器访问网页。

box-sizing 是 CSS3 的 box 属性之一。box-sizing 属性用来改变默认的 CSS 盒模型 对元素宽高的计算方式。这个属性可以用于模拟那些非正确支持标准盒模型的浏览器的表现。

Git是分布式版本控制系统，那么它就没有中央服务器的，每个人的电脑就是一个完整的版本库，这样，工作的时候就不 需要联网了，因为版本都是在自己的电脑上。既然每个人的电脑都有一个完整的版本库，那多个人如何协作呢？比如说自己在电脑上改了文件A，其他人也在电脑上 改了文件A，这时，你们两之间只需把各自的修改推送给对方，就可以互相看到对方的修改了。