|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
那么什么是Div+CSS标准?Div+CSS的标准化设计到底有什么好处?
本人写的个导航,感到还不错...唯一的不敷就是hack对照多,假如有简便的体例完成,请留言告知我...呵呵...
款式部分:
#headerMenu{
width:560px;
margin:30pxauto;
}
.menu{
font-size:14px;
line-height:18px;
*line-height:32px;
}
.menuli{
display:inline;
}
.menua:link,
.menua:visited{
display:-moz-inline-stack;/*FF下无效*/
*display:inline;/*此行及下举动IE界说*/
zoom:1;
width:80px;
padding:8px0px6px0px;
*padding:0;
float:left;
color:#014A99;
text-align:center;
text-decoration:none;
background:url(/files/081222/1_164717.gif);
}
.menua:hover{
color:#FFF;
font-weight:bold;
background:url(http://www.poluoluo.com/files/081222/1_164815.gif);
}
.home{
background:url(http://www.poluoluo.com/files/081222/1_164815.gif)!important;
color:#FFF!important;
font-weight:bold;
}[img=_fcksavedurl=,32]http://www.poluoluo.com/include/FCKeditor/editor/[/img]运转检察效果:
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><metaname="Author"content="网页教授教养网"/><meatname="AuthorBlogURL"content="http://www.poluoluo.com"/><title>li等宽程度导航</title><styletype="text/css"><!--*{margin:0;padding:0;}body{background:#FFF;font:12pxnormalArial,Helvetica,sans-serif#444;line-height:18px;}#headerMenu{width:560px;margin:30pxauto;}.menu{font-size:14px;line-height:18px;*line-height:32px;}.menuli{display:inline;}.menua:link,.menua:visited{display:-moz-inline-stack;/*FF下无效*/*display:inline;/*此行及下举动IE界说*/zoom:1;width:80px;padding:8px0px6px0px;*padding:0;float:left;color:#014A99;text-align:center;text-decoration:none;background:url(http://www.poluoluo.com/files/081222/1_164717.gif);}.menua:hover{color:#FFF;font-weight:bold;background:url(http://www.poluoluo.com/files/081222/1_164815.gif);}.home{background:url(http://www.poluoluo.com/files/081222/1_164815.gif)!important;color:#FFF!important;font-weight:bold;}//--></style></head><body><divid="headerMenu"><ulclass="menu"><li><ahref="/"class="home">首页</a></li><li><ahref="show.htm">产物展现</a></li><li><ahref="case.htm">乐成案例</a></li><li><ahref="service.htm">客户服务</a></li><li><ahref="download.htm">下载中央</a></li><li><ahref="contact.htm">接洽我们</a></li><li><ahref="about.htm">关于我们</a></li></ul></div></body></html>
[Ctrl+A全体选择提醒:你可先修正部分代码,再按运转]
缩短改版时间。只要简单的修改几个CSS文件就可以重新设计一个有成百上千页面的站点。 |
|