1,html網(wǎng)頁(yè)標(biāo)題及網(wǎng)頁(yè)圖標(biāo)的引用
2，修飾引用的是.css而不是less
3，（1）可以同時(shí)在.less里同時(shí)寫(xiě)好多個(gè)類(lèi)，需要的時(shí)候直接添加標(biāo)簽的class中去，一個(gè)標(biāo)簽可以可以有多個(gè)類(lèi)修飾，可以分為標(biāo)識(shí)類(lèi)（用來(lái)判斷是哪個(gè)標(biāo)簽，可以是.or#），和公共引用類(lèi)；
（2）常用的標(biāo)簽類(lèi)命名: wp/wp-window/menu/menu-link/nav,top->top-line->wrapper->inner->mod->head-left/head-top/head-bottom->
(3)常用的封裝類(lèi)
1,通配符的屬性
2,body屬性
3，a標(biāo)簽的屬性
4，左右分區(qū)浮動(dòng)
5，菜單欄的陰影效果及z-index的使用
說(shuō)明：z-index用于圖層關(guān)系，Z-index只能工作在被明確定義了absolute，fixed或relative 這三個(gè)定位屬性的元素中(除了static).
Z-index 屬性，當(dāng)被正確使用的時(shí)候，會(huì)改變自然的層疊順序。.
Z-index 為 0 的節(jié)點(diǎn)與沒(méi)有定義 Z-index 在同一層級(jí)內(nèi)沒(méi)有高低之分.
如果不對(duì)節(jié)點(diǎn)設(shè)定 position 屬性，位于文檔流后面的節(jié)點(diǎn)會(huì)遮蓋前面的節(jié)點(diǎn).
如果 A, B 節(jié)點(diǎn)都定義了 position:relative, A 節(jié)點(diǎn)的 z-index 比 B 節(jié)點(diǎn)大, 那么 A 的子節(jié)點(diǎn)必定覆蓋在 B 的子節(jié)點(diǎn)前面.
6，菜單塊可以不設(shè)寬度，由內(nèi)容決定- width：auto
7，下劃線展開(kāi)效果用::after設(shè)置寬為0，transition轉(zhuǎn)換效果,下劃線顏色用background-color,塊用positive:relative,::after用positive:absolute,用top:100%,left:50%定位正下方，用hover展開(kāi)寬度至100%，left變?yōu)?%,還有一個(gè)前提是加after的標(biāo)簽類(lèi)型必須為塊，并且after里面的content：“”；必須有。
8，當(dāng)然下劃線展開(kāi)效果還有加上/下邊框
9，給li,ul都加浮動(dòng)實(shí)現(xiàn)菜單排版 div->ul->li->a
10，上圖右邊的“在校生”一行和“首頁(yè)”一行可能會(huì)出現(xiàn)錯(cuò)行問(wèn)題（即下面一行的首頁(yè)等可能會(huì)跑到上面一行去），是因?yàn)閒ont-size字體過(guò)大，調(diào)整一下下行a的font-size大小即可
11，固定菜單欄用position:fixed，陰影部分用background-image即可，優(yōu)先級(jí)用z-index使得陰影部分在item圖層的上層。
