第五天课程总结

今天我们学习了display属性、css中的浮动和清除浮动、用position属性进行定位，并且制作了coding  coffe主页链接的页面顶部；

display属性

display:none;元素隐藏，不占页面空间；

visibility:hidden;元素隐藏，占用页面空间；

display:inline;将元素显示为行内(内联)元素；display:block;将元素显示为块状元素；display:inline-block;呈现内联元素，但可以设置成可以改变宽和高的区块元素；

css中的浮动和清除浮动float:left/right;

浮动会使被浮动的目标脱离文档流，会对页面的布局有影响；

清除浮动：在页面主体代码中浮动目标结尾处加

<div style="clear:both;"></div>；

.clearfix:after {content:""; display:block; height:0; visibility:hidden; clear:both; }

.clearfix { *zoom:1; }

CSS position属性：

CSS 有三种基本的定位机制：普通流、浮动和绝对定位

position属性值有static，relative，absolute，fixed四个值