找回密码
 注册
搜索
热搜: 回贴

web标准布局实例教程

2009-12-16 23:36| 发布者: admin| 查看: 55| 评论: 0|原作者: 墨元

我相信来经典论坛学习标准的朋友,99%都不是为了进W3C,不是为了成为专业的研究人员,那么大家来的目的是什么呢?很简单,其实都是想通过标准的学习让自己多增加一项技能而已,让自己在找工作的时候不会在被“需要熟练掌握web标准”而难倒,在下面的实例中xhtml并没有什么语意,文章的目的只是让然大家能更好的掌握CSS中相对、绝对定位的用法(新手问此问题的确实很多),及如何有效的结合背景,实现比较复杂的布局。不足之处还望前辈们能指点一二,感谢!
第一步:
先来随便设计一个布局复杂点的(布局不规整)demo:

第二步:
我们来进行代码的编写


model












实际页面效果:
运行代码框


model












[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
好了,这次的实例教程就结束了,希望对大家以后进行xhtml网页的设计,布局能有所帮助!

最新评论

QQ|小黑屋|最新主题|手机版|微赢网络技术论坛 ( 苏ICP备08020429号 )

GMT+8, 2024-9-30 03:36 , Processed in 0.115537 second(s), 12 queries , Gzip On, MemCache On.

Powered by Discuz! X3.5

© 2001-2023 Discuz! Team.

返回顶部