上次，我们解除了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.是否占原位