浮动效果会带来不好的影响： 子元素浮动会带来父元素高度塌陷。具体解释：当浮动框高度超出包含框时，包含框不会 自动伸高 来闭合浮动元素，会出现“高度塌陷”现象。正是因为浮动的这种特性，导致本属于普通流中的元素 浮动后，包含框内部由于不存在其他普通流元素了，也就表现出高度为0，在实际布局中，这并不是我们所希...

1，尽可能远地向左或向右浮动，直到它的外边缘碰到包含框或另一个浮动框为止。然后它们下面的所有内容会绕流这个元素（即像流体一样绕着这个元素流动）。2，当一个元素浮动后，不会影响块级元素的布局，只会影响内联元素（通常是文本或图片）的布局。**内联内容 （包括文本）总会围绕着浮动元素，会留意浮动元素的边界；...

写在前面：作为一个刚开始写技术博客的新手，看到有人收藏了文章，写作动力又猛增了。这应该就是写技术博客的好处之一：能给自己增加成就感和驱动力。最近关于css布局和定位相关内容整理地有点慢，因为同时在做freecodecamp上的题，所以节奏有点慢。

一个元素可以同时属于多个类选择器，中间用空格隔开，类名间的顺序不重<h3 class="teshu zhongyao">一个h3</h3>

盒模型 1，盒模型： CSS看待元素的一种方式，它将每个元素看作由一个盒子表示。 2，五个属性： 从内往外： width:内容的宽度，而不是盒子的宽度； height：内容的高度，而不是盒子的高度； padding：盒子的内边距； border：盒子的边框； margin：盒子的外边距 注：在css中设置了宽度width，但浏览器展现出的元素可能超...

1， css：cascading style sheet 层叠式样式表2， 语法：p {background-color:red; } //整个称为一个规则

1） 先规划好web页面的结构，首先画出一个草图，然后创建一个略图，最后再写html2） 规划页面时，先设计大的块元素，再用内联元素完善。3） 设计一个页面时，要使用与内容含义最接近的元素，如果需要一个列表，就不要使用段落元素。

之前学习前端主要是通过看视频，结合动手练习。现在认为看书+视频+实践，应该是最高效的学习方法。对于html、css，我主要参考《head first html 与css 第二版》，head first系列书讲解知识点循序渐近，容易理解。