仓酷云

标题: 来讲讲：网页导航上用CSS标记以后页效果的完成 [打印本页]

作者: 仓酷云 时间: 2015-1-16 00:14
标题: 来讲讲：网页导航上用CSS标记以后页效果的完成
更好的控制页面布局。不用多说。
以后页面--好比说如今的页面是首页，那末在导航栏上首页的色采等和其他栏目有所不同，用以给扫瞄者一个分明的唆使。
上面来讲下详细的做法，菜单的基础完成和一样平常的CSS菜单没多年夜区分，侧重说下怎样完成以后页。
设菜单有5个栏目：home、about、products、services、contact，分离给每一个栏目一个ID，m1-m5，CSS可写成以下：
#home#navli#m1a,#about#navli#m2a,#products#navli#m3a,#services#navli#m4a,#contact#navli#m5a{color:#FFF;background:#DC4E1Burl(navbg.gif)no-repeat;}
xhtml：
<ulid="nav">
<liid="m1"><ahref="index.html">Home</a></li>
<liid="m2"><ahref="about.html">About</a></li>
<liid="m3"><ahref="products.html">Products</a></li>
<liid="m4"><ahref="services.html">Services</a></li>
<liid="m5"><ahref="contact.html">Contact</a></li>
</ul>
然后分离给每一个页面的bady标签一个自力的ID，比方给首页的ID是home，其他的类推。
如许做法的优点是每一个页面的菜单都是一样的，便利修正，静态页包括也简单

</p>
使页面的字体变得更漂亮，更容易编排，使页面真正赏心悦目。

作者: 飘飘悠悠 时间: 2015-1-18 05:45
滚动条)层属性--溢出(visible/hidden/scroll/auto)

作者: 精灵巫婆 时间: 2015-1-25 18:01
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心，坚持不懈的决心。在自己无法解决某些问题时，就需要虚心请教别人.

作者: admin 时间: 2015-2-3 12:56
经过两天的学习，总算对Dreamweaver有进一步的了解了，心中不免有些激动。今天和其他几位老师交流了一下，感觉受益匪浅.

作者: 乐观 时间: 2015-2-9 03:32
布局表格、绘制层、制作CSS样式表等，这些内容迷糊了我的视线，真是没想到制作一个精巧别致的网页是如此的困难，可是心有不甘。

作者: 柔情似水 时间: 2015-2-26 20:47
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心，坚持不懈的决心。在自己无法解决某些问题时，就需要虚心请教别人.

作者: 小妖女 时间: 2015-3-8 17:58
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。

作者: 灵魂腐蚀 时间: 2015-3-16 10:45
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。

作者: 只想知道 时间: 2015-3-22 22:56
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”。

欢迎光临仓酷云 (http://ckuyun.com/)