仓酷云

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

[DIV+CSS] 来看看:21个好玩、风趣味、实行性的css手艺使用实例

[复制链接]
爱飞 该用户已被删除
跳转到指定楼层
#
发表于 2015-1-16 00:07:33 | 只看该作者 回帖奖励 |正序浏览 |阅读模式

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

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

x
不管你用什么工具软件制作网页,都有在有意无意地使用CSS。用好CSS能使你的网页更加简炼,同样内容的网页,有的人做出来有几十KB,而高手做出来只有十几KB。
来历:http://sixrevisions.com/css/innovative-and-experimental-css-examples-and-techniques/
原文翻译:
css其实不老是意味着松散、尺度。这理,你将看到21个好玩、风趣味、实行性的css手艺使用实例与演示个中会商的一些手艺与实例大概并没有被测试过,大概有些扫瞄器没法衬着,有些同意是被确认过的赐与尺度计划与开辟的。这里年夜部分实例都是仅仅赐与探究的目标。
TransparentCSSMenuDrop-down通明的css菜单下拉效果
这个效果展现了怎样计划一个初级的撑持通明效果的css下拉菜单(必要javascript来撑持ie6png图通明成绩)


Returnoftheimagemaps图片热区前往提醒窗口
你将看到一个很棒的办法,用css来界说的图片热区提醒窗口效果



CSS3Dpuzzlecss三维拼图

这个三维拼图是纯css编写的(一定花了很多工夫),翻开页面,鼠标挪动,鼠标必定要在联贯的路途上挪动,移到路途止境,君子才会随着走,鼠标在水里就会灰屏了,要移开鼠标从头入手下手

CSSscrollingimagemapcss转动图片热区

这个效果用了一张全景照片,点击红色框地区,右侧就呈现响应的年夜图。

CSSDecorativeGallerycss粉饰画廊让图片列表展现的更有本性


Demo:CSSDecorativeGallery
源码下地点:
http://www.webdesignerwall.com/file/decorative-gallery-demo.zip
PlayingCardswithCSScss扑克牌

这个效果用特别的html言语来体现扑克牌,用css来界说地位


Demo:PlayingCards
HomerCSS荷马css

这个效果,Rom
精灵巫婆 该用户已被删除
7#
发表于 2015-3-20 18:26:00 | 只看该作者
使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
admin 该用户已被删除
6#
发表于 2015-3-13 08:52:49 | 只看该作者
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
活着的死人 该用户已被删除
5#
发表于 2015-2-21 06:17:21 | 只看该作者
dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。
飘飘悠悠 该用户已被删除
地板
发表于 2015-2-7 07:47:24 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
蒙在股里 该用户已被删除
板凳
发表于 2015-2-1 13:37:10 | 只看该作者
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
小女巫 该用户已被删除
沙发
发表于 2015-1-24 12:16:28 | 只看该作者
以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
飘灵儿 该用户已被删除
楼主
发表于 2015-1-18 05:15:41 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-11-11 04:54

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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