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。

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

頁面布局是用HTML來實(shí)現(xiàn)的，CSS只是添加樣式，網(wǎng)站提倡的結(jié)構(gòu)和樣式相分離就是這個(gè)意思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樣式，希望對(duì)你有所幫助，望采納。

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

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

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