css 表单、定位、浮动

1.表单美化
2.定位
3.浮动

1.表单美化
表单元素：input select textarea
获得焦点的伪类 :focus

/获得焦点/
input:focus{
background-color: lightblue;
border: 1px solid orange;
/轮廓:在边框之外的，不占据空间，使用和border一样/
/outline: none;/
outline:2px dashed green;
}
/鼠标悬停/
input.sub:hover{
background: lightgreen;
}
2.定位
定位使用：要和坐标结合起来
坐标用于控制位置（x,y） x:用left或者right ，y:用top或者bottom

（1）相对定位 position: relative;
特点：相对自身原来的位置，不影响其他元素的位置
（2）绝对定位 position:absolute
特点：相对于离它最近的带有position属性的父元素，会影响其他元素的位置，脱离标准文档流
（3）固定定位 position:fixed
特点：相对于屏幕，会影响其他元素的位置，脱离标准文档流
作用：制作广告栏。

经验：外层设置相对定位，里层设置绝对定位

2.1 z-index层级
值顺序，默认0