c3复习

清除浮动

1. 添加新的元素clear： both
2. 父级div定义 overflow：auto
3. 伪类 clear：after
4. 隐藏overflow：hidden

块级元素和行内元素

一、常见的块级元素

1. div常用的块级元素
2. table表格
3. h1-h6 六级标题
4. hr 水平分割线
5. p 段落

二、常见的行内元素

1. a 锚点
2. em 强调
3. i 斜体
4. img 图片
5. var 定义变量

三、块级元素的特点

1. 总是在新行上开始，占据一整行
2. 高度，行高以及外边距和内边距都可以控制
3. 宽度始终是与浏览器的宽度一样，与内容无关
4. 它可以容纳内联元素和其他块元素

四、行内元素的特点

1. 和其他元素都在一行上
2. 高，行高及外边距和内边距部分可改变
3. 宽度只与内容有关
4. 行内元素只能容纳文本或者其他行内元素
5. 不可设置宽高，其宽度随着内容增加，高度随字体的大小而改变，内联元素可以设置外边界，但是外边界不对上下起作用，也可以设置内边界，但是内边界在ie6中不对上下起作用，只能对左右起作用

元素隐藏

1. display:none
   元素会在页面上彻底消失，元素本来占有的空间就会被其他元素战友，也就是说，它会导致浏览器的重排和重绘，
   元素彻底消失，很显然不会触发其点击事件
2. visibility:hidden
   也是一种常见的隐藏元素的方法，与overhidden的区别就是，元素在页面消失时，其占据的空间依旧会保留着，所以它只会导致浏览器重绘而不会重排，方法元素也是消失了，只是依然占据着页面空间。
3. opacity
   属性我相信大家都知道表示元素的透明度，而将元素的透明度设置为0后，在我们用户眼中，元素也是隐藏的，这算是一种隐藏元素的方法，
4. absolute
   设置固定定位使其在浏览器外面，例如left：-1000px