CSS教程之CSS+DIV计划实例：超酷的竖排导航栏

CSS的极大优势表现在简洁的代码，对于一个大型网站来说，可以节省大量带宽，而且众所周知，搜索引擎喜欢清洁的代码。
HTML：
以下是援用片断：
<divid="navcontainer">
<ulid="navlist">
<liid="active"><ahref="#"id="current">Itemone</a>
<ulid="subnavlist">
<liid="subactive"><ahref="#"id="subcurrent">Subitemone</a></li>
<li><ahref="#">Subitemtwo</a></li>
<li><ahref="#">Subitemthree</a></li>
<li><ahref="#">Subitemfour</a></li>
</ul>

</li>
<li><ahref="#">Itemtwo</a></li>
<li><ahref="#">Itemthree</a></li>
<li><ahref="#">Itemfour</a></li>
</ul>
</div>
CSS：
以下是援用片断：
#navcontainer{margin-left:30px;}

#navcontainerul
{
margin:0;
padding:0;
list-style-type:none;
font-family:verdana,arial,Helvetica,sans-serif;
}

#navcontainerli{margin:0;}

#navcontainera
{
display:block;
padding:5px10px;
width:140px;
color:#000;
background-color:#ADC1AD;
text-decoration:none;
border-top:1pxsolid#fff;
border-left:1pxsolid#fff;
border-bottom:1pxsolid#333;
border-right:1pxsolid#333;
font-weight:bold;
font-size:.8em;
background-image:url(images/vertical06.jpg);
background-repeat:no-repeat;
background-position:00;
}

#navcontainera:hover
{
color:#000;
background-color:#889E88;
text-decoration:none;
border-top:1pxsolid#333;
border-left:1pxsolid#333;
border-bottom:1pxsolid#fff;
border-right:1pxsolid#fff;
background-image:url(images/vertical06a.jpg);
background-repeat:no-repeat;
background-position:00;
}

#navcontainerululli{margin:0;}

#navcontainerulula
{
display:block;
padding:5px5px5px30px;
width:125px;
color:#000;
background-color:#C5D8C5;
text-decoration:none;
font-weight:normal;
}

#navcontainerulula:hover
{
color:#000;
background-color:#889E88;
text-decoration:none;
}

ABOUTTHECODE
SomelistswithintheListamaticsitehadtobemodifiedsothattheycouldworkonListamaticssimplelistmodel.Whenindoubt,usetheexternalresourcefirst,oratleastcomparebothmodelstoseewhichonesuitsyourneeds.
检察效果

</p>
更方便搜索引擎的搜索。用只包含结构化内容的HTML代替嵌套的标签，搜索引擎将更有效地搜索到你的内容，并可能给你一个较高的评价(ranking)。

帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。

在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实。

运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环

直接用代码建立链接，如：可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接，可以再选中文字后在代码中插入html标签，页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。

还是在Dreamweaver所见即所得添加链接是，可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。

所见则所得网页编辑器的优点就是直观性，使用方便，容易上手.

难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心，坚持不懈的决心。在自己无法解决某些问题时，就需要虚心请教别人.

所见则所得网页编辑器的优点就是直观性，使用方便，容易上手.