整理自慕課網
製作垂直導航條時若不想增加導航塊的長度可用text-indent:20px;進行縮排
導航條選單製作總結
1、用無序列表構建選單：ul/li
2、垂直選單轉變為水平選單：float:left；
3、在製作圓角選單時，背景貼在標籤上； -------> 雪碧圖的應用--- background-position
4、在製作改變高度的伸縮選單時，實現高度向上延伸的技巧： ----> margin-top用負值；
5、用js製作水平伸縮選單時，「this」代表當前的標籤。
導航條選單的製作
混合布局垂直選單水平選單伸縮選單的製作 改變高度 伸縮選單的製作 水平方向 導航條選單的製作 混合布局 任務1 完成頂部 top 底部 foot 寬度自適應 任務2 中間分為2兩欄，其中，左側 left 寬度為200px，右側 right 寬度自適應 任務3 要求右側 right 先載入，左側 le...
導航條選單的製作（一）
垂直選單設計 同樣的先寫html結構 在其中加入css樣式 這裡本來是設定的塊級元素li的樣式，由於塊級元素只有乙個a，就直接將a設定為塊級元素，然後對a寫滑鼠經過事件 a hover當滑鼠經過的時候，a的背景顏色變為red，文字顏色變為白色 下面是樣式，其中text indent是內部縮排，保持了...
基本的導航條的製作
一想到導航選單就會想到用 ul li無序列表來製作。因為他的語義非常接近條目性的內容。給導航條加上css裝飾 這裡做了乙個基本的樣式清除，並且設定初始的文字大小為14px ul list style none 是為了清除條目前的那個圓點li padding left 10px是為了讓文字向右移動10...