w风雨无阻w的专栏

浮动元素的浮动范围只能在其父级元素内部（无论父级在标准流还是在浮动流），并且浮动元素不会压住父级元素的border、padding，父级元素content中的行内元素、行内块元素的内容会自动围绕浮动元素排列。如果兄弟元素是非浮动元素，则浮动元素不会上浮压住前面的非浮动兄弟元素，而浮动元素脱标，会释放占据的标准流位置，所以浮动元素后面的非浮动兄弟会进据释放的位置，从而被浮动元素压住。所谓浮动流，我们可以理解。而一旦元素脱标后，元素就会释放其在标准流中的占据的位置，这将导致标准流中脱标元素之后的元素前据。

接第一课， 1小时学会CSS - 上，大家还记得前面说的一个概念，CSS 层叠样式吗？很多小伙伴都无法理解。这里再详细说说，什么是CSS 层叠样式？CSS 层叠样式指的是上级标签的样式会自动继承给其所有的下级标签。比如：在DIV标记中嵌套P标记，会自动应用到DIV下的所有P标签中，除非p标签重写了相关样式将其覆盖。好了昨天的补充内容就到这里，咱们回到今天的学习主题，今天主要内容是CSS语法 和CSS选择器实践。

嵌入的 CSS 只对当前页面有效，当多个页面需要引入相同的 CSS 代码时，这样写会导致代码冗余，也不利于维护。只能改变当前标签的样式，如果想要多个 div 拥有相同的样式，不得不重复地为每个 div 添加相同的样式，如果想要修改一种样式，又不得不修改所有的 style 中的代码。使用这种方式，所有的 CSS 代码只存在于单独的 CSS 文件中，具有良好的可维护性。CSS写在哪里，CSS写在style 标签中，style 标签，一般写在head 标签里，即 title 标签下面。color : 文字颜色。