css代码的定位及浮动

   上次，我们解除了css的内外边距、鼠标悬停及其练习。现在我们学习css元素练习和定位。

元素转换

元素分为块元素、行元素和行内块。   display  显示：转换元素的类型 

display:inline;  display:block;  display:inline-block;  display:none;元素隐藏     opacity  透明度

块元素block   特点：1.可以设置宽高    2.独占一行   举例：div、p、h1-h6、li

行元素inline   特点：1.不可以设置宽高    2.可以和其他的行快元素在一行  举例： a、span、del

行内块inline-block   特色：1.可以和别的元素在一行显示  2.可以设置宽高  举例：img、input

cursor:pointer 设置鼠标箭头、使其变成小手   +获取下一个兄弟标签  例如：.but:hover+ul{ 值  }

  元素隐藏   display:none; 元素不占位置    opacity:0-1   1不透明    0完全透明  半透明 0-1之间的数

浮动  float:left/right       清除浮动   clear:left/right/both      盒子设为阴影： box-shadow

静态定位   position:static  

定位position:  可以决定元素在网页上的位置   left左  right右  top上  bottom下  z-index层级

静态定位（默认值）  c

相对定位  position:relattive

1.relative  相对定位  相对于自身位置进行移动、保留原位置  position:relattive;  

绝对定位  position:absolute

absolute  绝对定位  1.不占位置   2.相对于那哪里移动   默认：相对于整个网页   父元素进行移动，父元素有定位，则子元素会相对于父元素进行移动（父相子绝）

固定定位   position:fixed

fixed 固定定位  1.相对于进行移动   2.是否占原位