学习H5的第四天

浮动属性：

属性         描述              说明

float      float：letf                 元素向左浮动

float      float：right         元素向右浮动

float      float：none         元素不浮动

浮动的作用1：定义网页中其它文本如何环绕该元素显示

浮动的作用2：就是让竖着的东西横着来

clear      Clear：none；         允许有浮动对象

clear      Clear：right；       不允许右边有浮动对象

clear      Clear：left；        不允许左边有浮动对象

clear      Clear:both;          不允许有浮动对象

清除浮动只是改变元素的排列方式，该元素还是漂浮着，不占据文档位置。

Overflow：auto 对于超出边界的元素副元素可以做出对应的调整高度

1：什么是浮动：漂浮在页面的某个位置【有固定的位置】

2；浮动的语法loat：left、right、none

浮动元素不会覆盖文字

浮动元素不会覆盖图片

（因为图片本身也属于文本，可以看做是一个特殊的文本文字）

浮动元素不会覆盖表单元素

（输入框、单选按钮、复选框、按钮、下拉选择框等）

盒子

内容区：设置的宽度和高度就是内容区

border:边框宽度 边框风格 边框颜色;

边框宽度：border-width:

边框颜色：border-color:

边框样式：border-style:solid(实线)/dashed(虚线)dotted(点划线)double(双线)

    简写：border：30px solid blue; 参数的顺序可以随意调换

单边框设置：上边框  border-top：30px blue solid;  下 border-bottom 左  border-left 右 border-right

如果向右边框的话必须设置border-style:solid(实线)/dashed(虚线)dotted(点划线)double(双线)

Border-color默认黑色

Border-radius：xxpx；圆角