3書寫css代碼ltstyle html， body， div， span， object， iframe， h1， h2， h3， h4， h5， h6， p， blockquote， pre， abbr， address， cite， code， del， dfn， em， img， ins， kbd， q， samp， small， strong， sub， sup， var， b， i， dl， dt， dd， ol， ul， li， fieldset， for。

首先，我們需要創(chuàng)建一個名為quotnavquot的DIV，然后在其中添加一個無序列表列表項的數(shù)量取決于導航欄中需要包含的欄目數(shù)，每個列表項中應包含一個超鏈接，用于鏈接到相應的項目頁面接著，我們需要設置CSS樣式以調(diào)整導航條的外觀這包括為列表規(guī)定寬度和高度，并移除列表項前的默認項目符號具體代碼如下。

頁面布局是用HTML來實現(xiàn)的，CSS只是添加樣式，網(wǎng)站提倡的結(jié)構(gòu)和樣式相分離就是這個意思HTML實現(xiàn)的是骨架，css可以說是實現(xiàn)了裝飾1用div來實現(xiàn)，css3之前常用 2css3實現(xiàn) 然后實現(xiàn)結(jié)構(gòu)的基礎上添加css樣式，希望對你有所幫助，望采納。

HTML是前臺代碼 表示你網(wǎng)站中包含的內(nèi)容顯示內(nèi)容CSS是前臺布局代碼 表示你網(wǎng)站的顯示內(nèi)容如何布局 假如你網(wǎng)站的上有個圖片 那么在HTML中就能夠看到 而CSS就是具體的設置這個圖片的大小，放在什么地方等這樣的一些元素。

如果打算用HTML加上CSS來制作導航條，你會發(fā)現(xiàn)這個任務并不復雜，代碼量也不會太大如果你是出于學習的目的，建議親手嘗試編寫這些代碼這樣做不僅能幫助你更好地理解HTML和CSS的基礎知識，還能讓你對前端開發(fā)有更直觀的體驗然而，如果你的目的是在實際的項目或生產(chǎn)環(huán)境中應用這個導航條，那么建議使用。

1首先打開Sublime Text軟件，新建一個html頁面，并且在html頁面中準備好html結(jié)構(gòu)，如下圖所示 2接下來我們在html的body結(jié)構(gòu)里添加導航條的內(nèi)容，如下圖所示 3然后就需要在style標簽中用CSS對導航條的樣式進行定義了，如下圖所示，書寫樣式的時候一定要注意寫在style標簽里面 4最后運行html頁面。