前端整理

即便很忙很忙，也请你放下手中的事，抽出一点时间，来总结一下过往的点点滴滴。

---

这篇文章是我近两天看了“网易云课堂”的心得，记录下来留做之后能够回顾。我在GitHub上也有上传代码：源码地址

我自己是一个PHPer，因此稍微复杂一点的Html和Js就晕乎乎的，大体的解题思路我其实很是清楚，但一遇到Css我就迷糊。相对定位、绝对定位、样式继承、浮动等等吧

---

首先说一下基础类型选择器。
包括标签选择、ID选择、class选择，在开发中，咱们也会遇到一个标签应用多种样式的状况，好比：<div class="circle font-32"></div>这里其实就是类选择器，多个类之间使用空格隔开。在好比在Css文件中会常常看到这样的代码：body,ul,ol{margin:0px; padding:0px},多个标签选择器见使用逗号隔开，表示每一个标签都应用这样的样式；又或者.circle ul表示class=“circle”下的ul标签应用的样式，这中带有层级关系的样式，也使用空格进行分割。

其次就是在开发的过程当中，常常会忽略margin个padding的占位，致使div换行显示。实际一个div的大小其实为:margin + padding + width;

在其次就是一些小的细节：好比外边距的合并，在一个元素出如今另外一个元素的上边时，第一个元素的下外边距与第二个元素的上外边距会发生合并；在float操做以后，通常都会追加一个<div style="clear:both;">来消除浮动的影响；

最后总结一下居中的使用：1、要求字体的line-height等于div的height，这样能够作到垂直剧中；2、使用margin:0px auto也能够作到div水平居中