若天明 发表于 2015-1-16 00:26:52

来谈谈:天下杯32强 CSS做的国旗

业界越来越关注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技术的过程其实是一个增加信心的过程。

只想知道 发表于 2015-2-9 20:22:33

足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。

再见西城 发表于 2015-2-27 21:16:21

时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上

愤怒的大鸟 发表于 2015-3-9 14:32:50

您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。

若相依 发表于 2015-3-23 09:56:25

是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。
页: [1]
查看完整版本: 来谈谈:天下杯32强 CSS做的国旗