add padding-top to markdown

README.md

@@ -1,6 +1,6 @@
 <style>
 body {
-  padding-top: 20px;
+  padding: 20px 0;
 }
 </style>
 

learn_css/README.md

@@ -1,3 +1,9 @@
+<style>
+body {
+  padding: 20px 0;
+}
+</style>
+
 # 关于CSS
 
 CSS也即层叠式样式表，其负责一个网页的样式，也就是网页的美容师。其最新标准CSS3更是有许多优秀的动画特性。

learn_css/布局.md

@@ -1,3 +1,9 @@
+<style>
+body {
+  padding: 20px 0;
+}
+</style>
+
 在Web世界中，我们遇到各式各样的网页，不管是定宽的自适应响应式的，单栏双栏还是三栏以及更多列的，弹性的网格的，我们都是通过有迹可循的CSS布局技巧来实现的。在这些技巧背后，页面如何呈现，跟三个CSS属性息息相关：**display**，**position**，**float**.页面中的元素在三者的相互作用下，体现不同的视觉效果。
 
 ### display, postion, float之间的关系

learn_js/FreeCodeCamp/Arguments-Optional.md

@@ -1,3 +1,9 @@
+<style>
+body {
+  padding: 20px 0;
+}
+</style>
+
 # Arguments Optional
 创建一个计算两个参数之和的 function。如果只有一个参数，则返回一个 function，该 function 请求一个参数然后返回求和的结果。
 

learn_js/FreeCodeCamp/Drop-it.md

@@ -1,3 +1,9 @@
+<style>
+body {
+  padding: 20px 0;
+}
+</style>
+
 # Drop it
 <b>Q: </b>一个函数要实现这样的功能，第一个参数是数组，第二个参数是一个测试函数，依次对数组的元素进行测试，若后者返回false，则弹出此元素，直至第一个返回true的元素，并返回此元素以及其后面的元素组成的数组，例如`drop([1, 2, 3], function(n) {return n < 3; });`返回`[1, 2, 3]`.
 

learn_js/FreeCodeCamp/Everything-Be-True.md

@@ -1,3 +1,9 @@
+<style>
+body {
+  padding: 20px 0;
+}
+</style>
+
 # Everything Be True
 <b>Q: </b>有一个every函数，给定两个参数，第一个参数为包含不定数量对象的数组collection，第二个参数为属性pre，要求检测collection中的每个对象都有属性pre，并且pre的值为true，则函数返回true，反之返回false.
 

learn_js/FreeCodeCamp/Pairwise.md

@@ -1,3 +1,9 @@
+<style>
+body {
+  padding: 20px 0;
+}
+</style>
+
 # Pairwise
 给定一个数组，要求返回数组中两项之和等于第二个参数**arg**的项的索引之和，举个例子，`([1, 3, 2, 4], 4)`只有第一项和第二项之和等于4，所以返回其索引值之和0 +1  = 1.值得注意的是，如果出现两组一样的满足条件的数字，返回索引之和更小的一组，例如`([1, 1, 1], 2)`，应该返回0 + 1 = 1，而不是1 + 1 = 2.<!-- more -->
 

learn_js/FreeCodeCamp/Smallest-Common-Multiple.md

@@ -1,3 +1,9 @@
+<style>
+body {
+  padding: 20px 0;
+}
+</style>
+
 # Smallest Common Multiple
 
 /*找出能被两个给定参数和它们之间的连续数字整除的最小公倍数。

learn_js/FreeCodeCamp/Sum-All-Numbers-in-a-Range.md

@@ -1,3 +1,9 @@
+<style>
+body {
+  padding: 20px 0;
+}
+</style>
+
 # Sum All Numbers in a Range
 
 /*我们会传递给你一个包含两个数字的数组。返回这两个数字和它们之间所有数字的和。

learn_js/FreeCodeCamp/Sum-All-Odd-Fibonacci-Numbers.md

@@ -1,3 +1,9 @@
+<style>
+body {
+  padding: 20px 0;
+}
+</style>
+
 # Sum All Odd Fibonacci Numbers
 
 /*给一个正整数num，返回小于或等于num的斐波纳契奇数之和。

learn_js/FreeCodeCamp/Sum-All-Primes.md

@@ -1,3 +1,9 @@
+<style>
+body {
+  padding: 20px 0;
+}
+</style>
+
 # Sum All Primes
 
 只有 1 和它本身两个约数的数叫质数。例如，2 是质数，因为它只能被 1 和 2 整除。1 不是质数，因为它只能被自身整除。

learn_js/FreeCodeCamp/Where-art-thou.md

@@ -1,3 +1,9 @@
+<style>
+body {
+  padding: 20px 0;
+}
+</style>
+
 # Where art thou
 
 ** Q: ** 写一个 function，它遍历一个对象数组（第一个参数）并返回一个包含相匹配的属性-值对（第二个参数）的所有对象的数组。如果返回的数组中包含 source 对象的属性-值对，那么此对象的每一个属性-值对都必须存在于 collection 的对象中。

learn_js/FreeCodeCamp/symmetric-difference.md

@@ -1,3 +1,9 @@
+<style>
+body {
+  padding: 20px 0;
+}
+</style>
+
 # symmetric Difference
 <b>Q: </b>创建一个函数，接受两个或多个数组，返回所给数组的 对等差分(symmetric difference) (△ or ⊕)数组.
 

learn_js/JS中的数据类型和变量.md

@@ -1,3 +1,9 @@
+<style>
+body {
+  padding: 20px 0;
+}
+</style>
+
 ### JavaScript数据类型
 
 JavaScript的数据类型分为以下几类：

learn_js/README.md

@@ -1,3 +1,9 @@
+<style>
+body {
+  padding: 20px 0;
+}
+</style>
+
 # 关于JavaScript
 JavaScript简称JS，是一种动态的，基于原型的，解释型语言。是NetScape公司的Branden Eich于1995年开发，目的用于表单的输入验证，以减轻服务器的负担，起初名字叫做LiveScript，为了蹭Java的热度，所以改名叫做JavaScript.接着，微软看到JS在NetScape Navigator中表现特别好，也紧跟着在JS基础上推出JScript，和NetScape竞争。所以造成了天下大乱之势。所以，由欧洲计算机制造商协会（ECMA）于1997年推出了ECMAScript的新语言标准，至此，JavaScript标准统一。
 

learn_js/关于对象.md

@@ -1,3 +1,9 @@
+<style>
+body {
+  padding: 20px 0;
+}
+</style>
+
 # 什么是对象？
 对象是“无序属性的集合，其属性可以包含基本值，对象或者函数”。其可以通过基于其引用类型的构造函数来创建，也可以通过字面量来创建。后者更推荐，例如：
 ```JavaScript

learn_react/README.md

@@ -1,3 +1,9 @@
+<style>
+body {
+  padding: 20px 0;
+}
+</style>
+
 # 什么是React
 React是Facebook开发的前端View层框架，也就是说它专注于用户界面呈现。
 

我的前端风格指南.md

@@ -1,3 +1,9 @@
+<style>
+body {
+  padding: 20px 0;
+}
+</style>
+
 写代码时，具有明晰的、一致的代码风格，可以使代码更具可读性，以及降低维护成本，增加工作效率。在团队协作中尤其重要，每一个程序员都应该严格遵守既定的代码风格。这是职业素养很重要的一部分~
 
 下面，是我根据已有的，稳定的代码风格文档总结的前端代码风格指南。