仓酷云

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

[DIV+CSS] 来谈谈:天下杯32强 CSS做的国旗

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

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

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

x
业界越来越关注DIV+CSS的标准化设计,大到各大门户网站,小到不计其数的个人网站,在Div+CSS标准化的影响下,网页设计人员已经把这一要求作为行业标准。
可间接运转代码:<html><head><metacontent="http-equiv"charset="gb2312"/><title>06天下杯32强国旗(1)</title><styletype="text/css">*{margin:0px;padding:0px;}ul{padding:0px;margin:0px;}div{width:160px;height:85px;}#Germanyulli,#Paraguayulli,#Netherlandsulli,#Argentinaulli{height:28px;text-align:center;}#Ecuadorulli.yellow{height:38px;}#Englandulli,#swedenulli{float:left;background:white;width:76px;height:40px;}#swedenulli{background:blue;}#sweden.arrow{width:50px;}#frenceulli,#italyulli{float:right;width:53px;height:85px;}#Ukraineulli{height:42px;}#Switzerlandulli{float:left;width:48px;height:25px;background:white;}#chinaulli{color:yellow;float:left;}#chinaulli.bigstart{font-size:65px;}</style></head><body><divid="Germany"><ul><listyle="background:black;"></li><listyle="background:red;"></li><listyle="background:yellow;"></li></ul></div>--------------------Germany<divid="Ecuador"><ul><liclass="yellow"style="background:yellow;"></li><listyle="background:darkblue;"></li><listyle="background:red;"></li></ul></div>--------------------Ecuador<divid="England"style="background:red;"><ul><li></li><listyle="margin-left:8px;"></li><listyle="margin-top:5px;"></li><listyle="margin-left:8px;margin-top:5px;"></li></ul></div>--------------------England<divid="sweden"style="background:yellow;"><ul><liclass="arrow"></li><listyle="margin-left:8px;width:102px;"></li><liclass="arrow"style="margin-top:4px;"></li><listyle="margin-left:8px;margin-top:4px;width:102px;"></li></ul></div>--------------------Sweden<divid="Netherlands"><ul><listyle="background:red;"></li><li></li><listyle="background:darkblue;"></li></ul></div>--------------------Netherlands<divid="Argentina"style="text-align:center;"><ul><listyle="background:skyblue;"></li><listyle="color:gold;font-size:18px;line-height:30px;">¤</li><listyle="background:skyblue;"></li></ul></div>--------------------Argentina<divid="frence"><ul><listyle="background:blue;"></li><li></li><listyle="background:red;"></li></ul></div>--------------------frence<divid="italy"><ul><listyle="background:red;"></li><li></li><listyle="background:green;"></li></ul></div>--------------------italy<divid="Ukraine"><ul><listyle="background:skyblue;"></li><listyle="background:yellow;"></li></ul></div>--------------------Ukraine<divid="Switzerland"style="background:red;"><ul><listyle="margin-left:35px;margin-top:7px;width:20px;"></li><listyle="margin-left:-8px;margin-top:30px;height:20px;"></li><listyle="margin-left:17px;margin-top:-18px;height:20px;"></li><listyle="margin-left:-12px;width:21px;"></li></ul></div>--------------------Switzerland<divid="china"style="background:red;"><ul><liclass="bigstart">★</li><listyle="margin-top:5px;margin-left:15px;">★</li><listyle="margin-top:20px;margin-left:5px;">★</li><listyle="margin-top:45px;margin-left:-25px;">★</li><listyle="margin-left:-60px;margin-top:60px;">★</li></ul></div>--------------------China(未列入天下杯)</body></html>
</p>
有了CSS,我们不再需要用FONT标签或者透明的1pxGIF图片来控制标题,改变字体颜色,字体样式等等
第二个灵魂 该用户已被删除
沙发
发表于 2015-1-18 06:39:54 | 只看该作者
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
因胸联盟 该用户已被删除
板凳
发表于 2015-1-25 21:56:41 | 只看该作者
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
小魔女 该用户已被删除
地板
发表于 2015-2-4 08:43:47 | 只看该作者
学Dreamweaver技术的过程其实是一个增加信心的过程。
只想知道 该用户已被删除
5#
发表于 2015-2-9 20:22:33 | 只看该作者
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
再见西城 该用户已被删除
6#
发表于 2015-2-27 21:16:21 | 只看该作者
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
愤怒的大鸟 该用户已被删除
7#
发表于 2015-3-9 14:32:50 | 只看该作者
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
若相依 该用户已被删除
8#
发表于 2015-3-23 09:56:25 | 只看该作者
是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-22 20:55

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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