*.nav{去除项目符号:list-style-none.设置一个背景颜色:background-color:#6495ed.设置宽度:width:1000px.设置居中:margin:50px auto.解决高度塌陷:overflow:hidden}
*.nav li{设置li向左浮动:float:left; width:12.5%;;}
*去除下划线:text-decoration:none;
*设置文字居中:text-align:center
*设置一个上下内边距:padding:5px 0;
*设置字体颜色:color:white;
*设置加粗:font-weight:bold;
*设置a的鼠标移入的效果:.nav a:hover{background-color:#cc0000;}
*清除浮动对自己影响:clear:left. clear:right clear:both (清楚影响大的那个浮动,体积大)
*绝对定位:position:relative
*定位:指的是将指定的元素摆放到页面中的任意位置 ,通过定位可以 任意的摆放元素。
*通过position属性来设置元素的定位 可选值:static:默认值,元素没有开启定位。 relative:开启元素的相对定位 absolute:开启元素的固定定位(也是绝对定位的一种)
*当元素的position属性设置为relative时,则开启了元素的相对定位
1.当开启了元素的相对定位以后,而不设置偏移量时,元素不会发生任何变化
2.相对定位是相对于元素在文档流中原来的位置进行定位
3.相对定位的元素不会脱离文档流
4.相对定位会使元素提升一个层级
5.相对定位不会改变元素的性质,块还是块,内联还是内联
*bottom四个属性来设置元素的偏移量
left:元素相对于其定位位置的左侧偏移量
right:元素相对于其定位位置的右侧偏移量
top:元素相对于其定位位置的上边的偏移量
bottom:元素相对于其定位位置下边的偏移量