導(dǎo)航條Tab在頁面中非常常見，本文說詳細介紹CSS實現(xiàn)導(dǎo)航條Tab的三種方法

 

布局

Android培訓(xùn),安卓培訓(xùn),手機開發(fā)培訓(xùn),移動開發(fā)培訓(xùn),云培訓(xùn)培訓(xùn)

??根據(jù)上圖所示，先規(guī)定幾個定義，上圖的模塊整體叫做導(dǎo)航，由導(dǎo)航標(biāo)題和導(dǎo)航內(nèi)容組成。要實現(xiàn)上圖所示的布局效果，有兩種布局方法：語義布局和視覺布局

【語義布局】

??從語義布局的角度來看，每一個導(dǎo)航標(biāo)題和其對應(yīng)的導(dǎo)航內(nèi)容應(yīng)該是一個整體

<style>body,p{margin: 0;}h2{margin: 0;font-size:100%;}ul{margin: 0;p