摘要：
浮动到底做了什么？浮动如何影响元素的盒模型？浮动的元素和行内元素有何不同？调整浮动元素的位置是通过什么规则进行的？clear属性如何工作，它的目的又是什么？浮动甚至能绊倒有经验的开发者，理解浮动能帮助你解决很多CSS问题。即使你认为已经知道了浮动的所有知识，我们足够深入的分析也许也能让你学到一些新东西。什么是浮动？CSS中的一些元素是块级元素，表示它们会自动另起一行。举个例子，如果你创建了两个段落，每个段落都只有一个单词。这两个单词不会靠在一起，而是会各自占据一行。另一些元素是行内元素，表示它们和前面的内容位于相同的一行。举个例子，<a>可以出现在另一个元素中，比如<p> 阅读全文
摘要：
伪类 VS 伪元素这两个概念很容易混淆，即使你Google或者查W3C的资料都不一定搞得清。答案其实很简单，如下：伪类：作用对象是整个元素首先，来看几个伪类a:link {color: #111}a:hover {color: #222}div:first-child {color: #333}div:nth-child(3) {color: #444}如你所见，尽管这些条件不是基于DOM的，但结果每一个都是作用于一个完整的元素，比如整个链接，段落，div等等。伪元素：作用于元素的一部分还是来看几个例子：p::first-line {color: #555}p::first-letter {c 阅读全文