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。

首先，我们需要创建一个名为quotnavquot的DIV，然后在其中添加一个无序列表列表项的数量取决于导航栏中需要包含的栏目数，每个列表项中应包含一个超链接，用于链接到相应的项目页面接着，我们需要设置CSS样式以调整导航条的外观这包括为列表规定宽度和高度，并移除列表项前的默认项目符号具体代码如下。

页面布局是用HTML来实现的，CSS只是添加样式，网站提倡的结构和样式相分离就是这个意思HTML实现的是骨架，css可以说是实现了装饰1用div来实现，css3之前常用 2css3实现 然后实现结构的基础上添加css样式，希望对你有所帮助，望采纳。

HTML是前台代码 表示你网站中包含的内容显示内容CSS是前台布局代码 表示你网站的显示内容如何布局 假如你网站的上有个图片 那么在HTML中就能够看到 而CSS就是具体的设置这个图片的大小，放在什么地方等这样的一些元素。

如果打算用HTML加上CSS来制作导航条，你会发现这个任务并不复杂，代码量也不会太大如果你是出于学习的目的，建议亲手尝试编写这些代码这样做不仅能帮助你更好地理解HTML和CSS的基础知识，还能让你对前端开发有更直观的体验然而，如果你的目的是在实际的项目或生产环境中应用这个导航条，那么建议使用。

1首先打开Sublime Text软件，新建一个html页面，并且在html页面中准备好html结构，如下图所示 2接下来我们在html的body结构里添加导航条的内容，如下图所示 3然后就需要在style标签中用CSS对导航条的样式进行定义了，如下图所示，书写样式的时候一定要注意写在style标签里面 4最后运行html页面。