今天来学习微软作风的CSS横向菜单
快捷性:Div+css构架的页面,虽然在客户端看来下载一个复杂的css也要占用差不多的带宽,然而搜索引擎可以很方便的绕过这个css,而直接抓去Div中的内容。<head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>程度导航菜单(DIV+CSS)</title><styletype="text/css">body{background:#FFF;font-family:Arial,Helvetica,sans-serif;color:#666666;padding:0px;margin:5px;text-align:center;font-size:12px;}#nav{height:44px;width:425px;background:#FFF;margin:10pxauto;}.vline{background:#999;width:1px;height:20px;}#navul{margin:0px;padding:0px;list-style-type:none;}#navli{float:left;font-family:Arial;font-weight:bold;font-size:12px;text-align:center;}#navlia{display:block;width:84px;line-height:28px;color:#666;text-decoration:none;border-top:4pxsolid#0F35A5;}#navlia:hover{color:#7C8DD9;border-top:4pxsolid#7C8DD9;}</style></head><body><divid="nav"><ul><li><ahref="#">产物先容</a></li><liclass="vline"></li><li><ahref="#">服务撑持</a></li><liclass="vline"></li><li><ahref="#">接洽我们</a></li><liclass="vline"></li><li><ahref="#">旧事中央</a></li><liclass="vline"></li><li><ahref="#">公司简介</a></li><liclass="vline"></li></ul></div></body></html>尺度之路www.ckuyun.com提醒:能够先修正部分代码后再运转
说实话,我并不是反对div+css,但物生一利,必生一弊,div+css的利处大家说了很多,我就说说狂热的追求div+css的几个弊端: 是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。 不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。 我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。 可以使用 CSS 检查工具进行设计。 Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。 dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。 学Dreamweaver技术的过程其实是一个增加信心的过程。
页:
[1]