目录
一:页面布局常用html标签
二:css选择器
四:页面布局属性（很重要!）
五:浮动属性
一:页面布局常用html标签
div无意义块状元素span无意义行内元素p段落标签ul无序列表li列表项a超链接i斜体b加粗
二:css选择器
id选择器#id类选择器.class关系选择器div p、div>p、div,p伪类选择器：hover结构伪类选择器:after、：before、:nth-child(n)
三:部分属性(比较简单)
四:页面布局属性（很重要!）
定位属性:positon布局属性:display浮动属性:float、clear盒子模型:border、margin、padding圆角边框:border-radius阴影:text-shadow box-shadow
css样式书写顺序：
文档流（position float display clear）盒子属性（width margin padding border）排版装饰属性
五:浮动属性
1. 浮动定位指将元素排除在普通流之外，元素将不在页面中占据空间2. 将浮动元索放置在包含框的左边或者右边，浮动元素依旧位于包含框之内3. 浮动的框可以向左或者向右移动，直到他的外边缘碰到包含框或另一个浮动框的边框为止4. 浮动元索的外边缘不会超过其父元素的内边缘5. 浮动元素不会互相重叠6. 浮动元素不会上下浮动7. 任何元素一旦浮动，display 属性将完全失效均可以设置宽高，并且不会独占一行。(span设置浮动就可以设置宽高，利于排版)8. 如果子元素全部设置了浮动，在父元素不设置高度的情况下，父元素无法感知高度，会失去高度。 例如这里三个浮动小正方体的父div没有设置宽度的情况下，父元素背景色未显示。9.浮动后，后面的元素不管是块级还是行级元素，不会显示在下一行。10.浮动就是让块级标签不独占一行。目的（使用场景）：把块级标签元素可以排在一行上。
怎么解决这个问题呢？首先我们可以用可以用超出隐藏overflow：hidden;这个方式，可以在父类不设置宽高情况下，也能感受到子类高度。效果如图所示:
其次我们也可以让父类也设置浮动，这时父类也能感受到子类高度，完全由子类宽高决定。另外，浮动的清除浮动也很重要。清除浮动的目的主要是抵消浮动元素对当前元素的影响。 方法有 1）添加空标签，并设置样式：clear:both; clear:left; 清除左浮动 clear:right; 清除右浮动 clear:both; 清除左右浮动 clear:none; 左右浮动都不清除 2）在要清除浮动的父级添加样式：overflow:hidden; overflow:hidden; 超出部分隐藏，也可以用来实现清除浮动。 3）在要清除浮动的父级添加伪元素，并设定样式： 父元素:after{ content:""; display: block; clear:both; }
