菜單欄的學習
階段一
用ul無序列列表構建菜單
清除默認樣式 *{margin:0;padding:0;}
清除ul的樣式 ul{list-style：none}，能去掉前面的默認小圓點
去掉a標簽的下劃線 a{text-decoration：none}
在導航欄中經常用 height: 30px;line-height: 30px;可使文字垂直居中。如果用為文字前面增加像素，最好用縮進的方式來實現
{text-indent：xx px}（文本縮進,用text-indent替換padding-left，是為了防止菜單長度增加。例如：padding-left:10px; 會導致寬度也增加10px ）ul li a{}因為a標簽是最內部的元素 所以對a標簽設置就可以了 又因為a為內聯元素，而塊狀元素才可以設置 寬度 高度，所以要把a設置為塊級元素：ul li a{display:block;}
*{ } （用于全局設置）
*{}和body{}的區別
*{}代表對所有的元素進行了設置，而body{}是對body里面進行了設置
<sytle>
*{color:red;}
body{color:black;}
</style>
<body>
abc
<div> def </div>
</body>
對于上面這段代碼，body里面有abc，還有個div元素里面有個def。那么到底是紅色還是黑色呢？
因為body設置了黑色，那么body里面都應該是黑色的，除非單獨設置了div是別的顏色，然而*{}就可以替代div{}所以，相當于body單獨設置成了黑色，但是div單獨設置成了紅色。就是這么簡單。
