|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
更好的控制页面布局。不用多说。
以后页面--好比说如今的页面是首页,那末在导航栏上首页的色采等和其他栏目有所不同,用以给扫瞄者一个分明的唆使。
上面来讲下详细的做法,菜单的基础完成和一样平常的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>
使页面的字体变得更漂亮,更容易编排,使页面真正赏心悦目。 |
|