DW如何进行简单的垂直导航

CSS纵向导航菜单通常指的是一种形式的导航，放上在网页的左侧或右侧底部，垂直导航菜单的使用也越来越普遍，如淘宝的淘宝服务。我要教你如何做垂直导航的细节。让我们看一看。

步

1，打开Adobe Dreamweaver cc 2015。
2，在菜单栏中执行文件>新建命令，或按Ctrl键打开新建文档对话框，选择文档类型HTML，然后单击创建按钮，即创建Web文档。
三.在和之间添加 ，如下图所示。

{ }说明div元素是用于提供HTML文档中块级内容的结构和背景的元素。元素的性质是由DIV标签的属性来控制，或者通过格式化块样式，div标签被称为间隔标记。功能：设置文字的位置画，表，等等。

id属性：通过CSS指定元素的惟一ID，通过指定的ID更改或添加样式。

{基本语法}标签内容

{函数描述} div元素是包含该类型的div块元素。它可以将元素（如对齐）设置在标记内容中。如果添加id和class属性，则可以设置任何样式范围。

HTML和XHTML文件中的标签和末尾标签的开头不能省略。
4，添加所有商品分类

{基本语法}标题

{语法}

1。title标签本身具有新行的作用，标题总是从新行开始。

2。#用于指定标题文本的大小，整数# 1 ~ 6，最多1字；6字以上。
5。在和之间添加 ，如下图所示。

{基本语法}

的…

{语法}

在HTML文件中，可以插入一对标签到无序列表中。
6、增加图书音像手机数码>电脑办公>家电

基本语法}
的…

的…

的…

的…

的…
{语法}

列表项标记用于定义列表项序列。
7。在和之间添加 ，如下图所示。

{基本语法}
选择器1 {样式属性：属性值；样式属性：属性值；…}

选择器2 {样式属性：属性值；样式属性：属性值；…}

的…

样式属性：属性值；样式属性：属性值；…}
{语法}

标记用于说明要定义的样式，type属性被定义为CSS中样式元素的语法。

{选择器1…选择器}：选择器可以使用HTML标记的名称，并且可以选择所有HTML标记作为选择器。

样式属性：关于选择器格式显示样式的样式属性的名称。

{属性值}：设置相应样式属性的值。
8、添加体{字体：Verdana；字体大小：12px；线高度：1.5；一个{颜色：# 000文字装饰：无；} } }；一：悬停{颜色：# F00；#菜单{宽度：100px；边框1px solid # CCC；} #下拉菜单{列表样式：无；缘：0px；padding: 0px；菜单ul {背景：# Eee # }；填充：0px 8px；身高：26px；线高度：26px；底部边框：# 1px solid ccc；}
字体家族属性：指定字体族。

字体大小属性：设置字体大小。

行高属性：设置行（高行）之间的距离。

边框属性：图像周围边框的宽度，即添加或删除图像的边框。

高度属性：设置高度。

背景属性：设置背景色。

列表样式属性：设置列表样式。

边缘属性：设置边界以外的距离。

浮动属性：定义要浮动的元素的方向。

填充属性：设置边界的距离。

#菜单对应的页面ID元素菜单

#下拉菜单：所对应的菜单页ID元素的无序列表。

UL Li：#菜单在页面中的ID元素的元素的无序列表的列表项。

{重点}

风格的超链接文本时：链接是链接。

答：访问超链接文本已链接的样式。

一：积极的风格，超链接的显示文本时，鼠标点击超链接。

答：悬停，超级链接文字显示当鼠标移到超级链接文字的样式。

当设置此属性中的样式时，上述4个属性将同时引用该值。

{底部边框}的基本语法：|边框宽度边框样式边框颜色下|

{功能描述}设置下边框的样式、宽度和颜色。
9。保存网页文件。按F12键预览浏览器中的效果，如下图所示。
以上是如何简单介绍一下垂直导航的DW方法，操作很简单，大家都学过吗我希望这篇文章能对你有所帮助！