仓酷云

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

[DIV+CSS] 学习下十分酷的css带申明信息导航菜单

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

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

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

x
CSS是CascadingStyleSheets的缩写,不得不承认CSS单独使用会麻烦一点,但其与脚本语言(如我们四阶段所学的Javascript)及XML技术的融合,即可达到绝佳的页面效果。



<!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=gb2312"/><title>十分酷的css带申明信息导航菜单丨网页殊效丨www.ckuyun.com</title><style>*{margin:0;padding:0;list-style:none;font-size:12px;line-height:1.8;}body{background:#333}#info{padding:50px;}#infobox{padding:0px20px;background-color:#640000;}#center{background:#ABBAAC;border-top:2pxsolid#333;padding:20px;}.c{clear:both;height:1px;overflow:hidden;background:#333}#infoboxli{border-right:1pxsolid#000;float:left;margin-right:1px;text-align:center;margin-top:-4px;}a{width:100px;line-height:28px;display:block;}a:link,a:visited{color:#000;background:#FF9900;text-decoration:none;}a:hover,a:active{color:#FFFF00;background:#000;}/*所以下显现TIP的内容*/#infoboxspan{display:none;}#infoboxa:hoverspan{display:block;position:absolute;border:1pxsolid#640000;background:#FFFFCC;margin-top:26px!important;margin-top:20px;color:#000;padding:5px;white-space:nowrap;}</style></head><body><divid="info"><divid="infobox"><ul><li><ahref="http://www.ckuyun.com"><span>从这里能够进进尺度之路首页!</span>网站首页</a></li><li><ahref="#"><span>专注于网页殊效及告白代码!</span>网页殊效</a></li><li><ahref="#"><span>淘客源码下载、CMS体系源码下载!</span>源码下载</a></li><li><ahref="#"><span>链接互换平台,公布友谊链接互换买卖信息!</span>链接平台</a></li><li><ahref="#"><span>生存知识网!</span>生存知识</a></li><li><ahref="#"><span>记得常来哦!</span>您自界说</a></li></ul><divclass="c"></div></div><divid="center"></div></div></body></html>
尺度之路www.ckuyun.com提醒:能够先修正部分代码后再运转
我这个时候还没意识到div在一些新人眼中产生的误导会比我想象的严重,直到第二个美工上班。
再见西城 该用户已被删除
沙发
发表于 2015-1-18 07:15:21 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
变相怪杰 该用户已被删除
板凳
发表于 2015-1-25 23:19:58 | 只看该作者
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
蒙在股里 该用户已被删除
地板
发表于 2015-2-10 01:14:11 | 只看该作者
可以使用 CSS 检查工具进行设计。
若相依 该用户已被删除
5#
发表于 2015-2-28 15:07:36 | 只看该作者
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
谁可相欹 该用户已被删除
6#
发表于 2015-3-10 00:45:01 | 只看该作者
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
7#
发表于 2015-3-17 04:10:00 | 只看该作者
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
飘飘悠悠 该用户已被删除
8#
发表于 2015-3-23 20:23:10 | 只看该作者
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-11-13 14:33

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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