fix typos

02-CSS/02-CSS属性：背景属性.md

@@ -279,7 +279,7 @@ PS：padding的区域也是有背景图的。
 
 ### background 综合属性
 
-background属性和border一样，是一个综合属性，可以将多个属性写在一起。(在[盒子模型](http://www.cnblogs.com/smyhvae/p/7256371.html)这篇文章中专门讲到boder)
+background属性和border一样，是一个综合属性，可以将多个属性写在一起。(在[盒子模型](http://www.cnblogs.com/smyhvae/p/7256371.html)这篇文章中专门讲到border)
 
 举例1:
 

02-CSS/06-CSS盒模型详解.md

@@ -172,7 +172,7 @@ CSS盒模型和IE盒模型的区别：
 #### padding区域也有颜色
 
 
-padding就是内边距。padding的区域有背景颜色，css2.1前提下，并且背景颜色一定和内容区域的相同。也就是说，background-color将填充**所有boder以内的区域。**
+padding就是内边距。padding的区域有背景颜色，css2.1前提下，并且背景颜色一定和内容区域的相同。也就是说，background-color将填充**所有border以内的区域。**
 
 效果如下：
 

02-CSS/07-浮动.md

@@ -237,7 +237,7 @@ css中一共有三种手段，使一个元素脱离标准文档流：
 ![](http://img.smyhvae.com/20170801_1720.png)
 
 
-上图中，div本身是块级元素，如果不设置widh，它会单独霸占整行；但是，设置div浮动后，它会收缩
+上图中，div本身是块级元素，如果不设置width，它会单独霸占整行；但是，设置div浮动后，它会收缩
 
 
 ### 浮动的补充（做网站时注意）
@@ -816,39 +816,6 @@ _zoom:1;
 
 如果不在标准流，比如盒子都浮动了，那么两个盒子之间是没有塌陷现象的。
 
-
-
-
-### 善于使用父亲的padding，而不是儿子的margin
-
-我们来看一个奇怪的现象。现在有下面这样一个结构：（div中放一个p）
-
-```
-	<div>
-		<p></p>
-	</div>
-```
-
-上面的结构中，我们尝试通过给儿子`p`一个`margin-top:50px;`的属性，让其与父亲保持50px的上边距。结果却看到了下面的奇怪的现象：
-
-![](http://img.smyhvae.com/20170806_1537.png)
-
-
-此时我们给父亲div加一个border属性，就正常了：
-
-![](http://img.smyhvae.com/20170806_1544.png)
-
-
-
-如果父亲没有border，那么儿子的margin实际上踹的是“流”，踹的是这“行”。所以，父亲整体也掉下来了。
-
-**margin这个属性，本质上描述的是兄弟和兄弟之间的距离； 最好不要用这个marign表达父子之间的距离。**
-
-所以，如果要表达父子之间的距离，我们一定要善于使用父亲的padding，而不是儿子的margin。
-
-
-
-
 ### 盒子居中`margin:0 auto;`
 
 margin的值可以为auto，表示自动。当left、right两个方向都是auto的时候，盒子居中了：

02-CSS/09-CSS案例讲解：博雅互动.md

@@ -13,7 +13,7 @@
 
 这里我们要普及一个概念，叫“[版心](https://baike.baidu.com/item/%E7%89%88%E5%BF%83)”。**版心是页面中主要内容所在的区域。**
 
-比如说，网站左上角的logo，设计图给出的左边距是143像素，此时，我们先玩不要以为，logo的左边距真的是143像素。因为设计图只是一个版心；而整个页面是处于浏览器的中间，浏览器的宽度是可以随时调整的。
+比如说，网站左上角的logo，设计图给出的左边距是143像素，此时，我们千万不要以为，logo的左边距真的是143像素。因为设计图只是一个版心；而整个页面是处于浏览器的中间，浏览器的宽度是可以随时调整的。
 
 我们量一下中间四个方形图的width，是1000px，所以，网页版心的宽度是1000px。