仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 749|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 来谈谈:CSS制造的背景静态变更的网页导航

[复制链接]
若相依 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:06:49 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

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文件就可以重新设计一个有成百上千页面的站点。
飘飘悠悠 该用户已被删除
沙发
发表于 2015-1-18 05:15:27 | 只看该作者
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweavermxXX很难理解。
简单生活 该用户已被删除
板凳
发表于 2015-1-25 13:56:40 | 只看该作者
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
不帅 该用户已被删除
地板
发表于 2015-2-2 22:28:03 来自手机 | 只看该作者
滚动条)层属性--溢出(visible/hidden/scroll/auto)
只想知道 该用户已被删除
5#
发表于 2015-2-8 16:09:30 | 只看该作者
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
飘灵儿 该用户已被删除
6#
发表于 2015-2-25 20:55:20 | 只看该作者
可以使用 CSS 检查工具进行设计。
灵魂腐蚀 该用户已被删除
7#
发表于 2015-3-8 07:49:02 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
乐观 该用户已被删除
8#
发表于 2015-3-15 22:25:09 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
山那边是海 该用户已被删除
9#
发表于 2015-3-22 17:10:55 | 只看该作者
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-29 22:06

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表