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，然后在其中添加一個無序列表列表項(xiàng)的數(shù)量取決于導(dǎo)航欄中需要包含的欄目數(shù)，每個列表項(xiàng)中應(yīng)包含一個超鏈接，用于鏈接到相應(yīng)的項(xiàng)目頁面接著，我們需要設(shè)置CSS樣式以調(diào)整導(dǎo)航條的外觀這包括為列表規(guī)定寬度和高度，并移除列表項(xiàng)前的默認(rèn)項(xiàng)目符號具體代碼如下。

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

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

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

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