CSS样式基础浮动与定位
在默认情况下，网页中的元素会按照从上到下或从左到右的顺序一 一罗列。如果仅仅按照这种默认的方式进行布局，网页将会显得单调、混乱。为了使网页的布局更加丰富、合理，可以在CSS中对元素设置浮动和定位属性。在默认情况下，网页中的元素会按照从上到下或从左到右的顺序一 一罗列。如果仅仅按照这种默认的方式进行布局，网页将会显得单调、混乱。为了使网页的布局更加丰富、合理，可以在CSS中对元素设置浮动和定位属性。在默认情况下，网页中的元素会按照从上到下或从左到右的顺序一 一罗列。如果仅仅按照这种默认的方式进行布局，网页将会显得单调、混乱。为了使网页的布局更加丰富、合理，可以在CSS中对元素设置浮动和定位属性。
1.1元素的浮动属性float
选择器{float:属性值;}
所谓元素的浮动是指设置了浮动属性的元素会脱离标准文档流的
控制，移动到其父元素中指定位置的过程
1浮动元素会生一个行内块，而不论它本身是何种元素
2其大小由内容撑开
3浮动的框可以向左或向右移动，直到它的外边缘碰到
包含框或者另一个浮动的边框
4由于浮动框不在文档的标准流中，所以文档的普通
流中的块表现得就像浮动框不存在一样
5设置了浮动的元素，会影响其后面的一个元素位置
1.2清除浮动
由于浮动元素不再占用原文档流中的位置，父元素因为子级浮动高度为0，所以会对页面中其他元素的排版产生影响，如果要避免这种影响，就需要对元素清除浮动。
运用clear属性清除浮动
选择器{clear:属性值;}
3元素的定位
浮动布局虽然灵活，但是却无法对元素的位置进行精确的控制。在CSS中，通过定位属性可以实现网页中元素的精确定位, 还可以将布局的一部分与另一部分重叠
3.1元素定位属性
一切皆为框。
CSS 有三种基本的定位机制：普通流、浮动和绝对定位。
元素的定位属性主要包括定位模式和边偏移两部分
3.2静态定位staic
所谓静态定位就是各个元素在HTML文档中默认的位置
在静态定位状态下，无法通过边偏移属性（top，bottom，left，或right）来改变元素的位置。
3.3固定定位fixed
固定定位以浏览器窗口为参照物来定义网页元素
3.4绝对定位absolute
绝对定位是将各元素依据最近的已经定位（绝对,固定，相对定位）的父元素进行定位，若父元素没有定位，则根据body根元素
进行定位
3.5相对定位relative
相对定位是将元素相对于它在标准文档流中的位置进行定位
4.1元素的类型
HTML标记被定义成了不同的类型，一般分为块元素标记和行内元素标记，也称为块元素和行内元素
4.2<span>标记
<span>标记是一个行内标记
<span>与</span>之间只能包含文本和各种行内标记
<span>标记常用于定义网页中某些特殊显示的文本，配合class属性使用
当其它行内标记都不合适时，就可以是使用span标记
4.3元素的转换