一、浮动float

一、浮动float

1.任何元素都可以浮动。不管原来是什么模式的元素，添加浮动后具有行内块元素相似的特性

2.浮动元素经常搭配标准流的父元素

3.一个元素浮动了，理论上其余的兄弟元素也要浮动。一个盒子里有多个子盒子，如果其中一个盒子浮动了，其他的兄弟也应该浮动。浮动的盒子只会影响浮动盒子后面的标准流，不会影响前面的标准流。

4.为父级元素设置overflow:hidden可以清除浮动。

二、定位

定位=定位模式+边偏移

position有四个值：static（默认），relative（相对定位），absolute、fixed（绝对定位）

1.相对定位是相对于自己原来位置移动（移动位置的时候参照点是自己原来的位置），元素设置此属性后任然处在文档流中，不影响其他元素的布局，原来在标准流的位置继续占有。（不脱标，继续保留原来位置）

2.绝对定位是相对于它的祖先元素移动的，如果没有祖先元素或者祖先元素没有定位，则以浏览器为准定位（document文档）。元素设置此属性后不占有原来位置，偏离文档流，如果设置偏移量，会影响其他元素的位置定位。如果祖先元素有定位（相对、绝对、固定定位），则以最近一级的有定位祖先元素为参考点移动位置。

3.固定定位是元素固定于浏览器可视区的位置。主要使用场景：在浏览器页面滚动时元素的位置不会改变。以浏览器的可视窗口为参照点移动元素，跟父元素没有关系。不再占有原来的位置。固定定位可以看作一种特殊的绝对定位。

三、网页布局总结

1.标准流

可以让盒子上下排列或左右排列，垂直的块级盒子显示就用标准流布局。

2.浮动

可以让多个块级元素一行显示或左右对齐盒子，多个块级盒子水平显示就用浮动布局。

3.定位

定位最大的特点是有层叠的概念，就是可以让多个盒子前后叠压来表示。如果元素自由在某个盒子内移动就用定位布局。

四、display属性

display属性用于设置一个元素应如何显示。

display：none；隐藏对象

display：block；除了转换为块级元素之外，同时还有显示元素的意思

display隐藏元素后，不再占有原来的位置。

五、cursor用来设置鼠标指针的形状

cursor:pointer设置鼠标为手的形状

cursor:crosshair光标为十字线

cursor:default光标为箭头形状