現(xiàn)在都是使用的內(nèi)容管理系統(tǒng)搭建的網(wǎng)站，index只是一個(gè)程序文件，具體的首頁模板要到網(wǎng)站管理后臺(tái)進(jìn)行修改。

Vue的導(dǎo)航欄文件位于Vue項(xiàng)目的srccomponents目錄下，可以根據(jù)具體項(xiàng)目的開發(fā)需求來創(chuàng)建和命名導(dǎo)航欄組件在Vue項(xiàng)目中，導(dǎo)航欄通常是一個(gè)單獨(dú)的組件，可以包含不同的子組件，例如菜單項(xiàng)搜索框用戶登錄信息等等，用于實(shí)現(xiàn)網(wǎng)。

這里是導(dǎo)航所在的DIV容器 CSS代碼nav positionfixed * 絕對(duì)定位，fixed是相對(duì)于瀏覽器窗口定位 * top0 * 距離窗口頂部距離 * left0 * 距離窗口左邊的距離 * width100% * 寬度設(shè)置為100。

28后面的就是網(wǎng)頁的具體內(nèi)容了，這里的代碼簡(jiǎn)單一些38樣式里，我們先定義一些菜單里的樣式48這時(shí)運(yùn)行頁面時(shí)，在滾動(dòng)條滾動(dòng)下去后，導(dǎo)航是會(huì)消失不見的58為了讓導(dǎo)航欄固定在頂部，我們可以在導(dǎo)航容器里添加樣式。

1在電腦上打開軟件，新建一個(gè)html文件，在head部分，編寫css樣式， liststyletype 是除掉導(dǎo)航前面默認(rèn)帶的點(diǎn)，li a，li aactive ，li ahovernotactive 設(shè)置鼠標(biāo)滑到導(dǎo)航欄的顏色變化2在html頁面。

進(jìn)去一個(gè)網(wǎng)頁，右鍵單擊，選擇查看源文件看到的就是html代碼，想看某個(gè)位置的css代碼，按F12，左上角有個(gè)指針形狀的圖標(biāo)，選中，然后再選中你要看的位置。

這里面tophtm就是上方導(dǎo)航，lefthtm就是左側(cè)信息，righthtm就是右側(cè)信息 2建立頂部頁面tophtm 無標(biāo)題文檔 導(dǎo)航1。