模板酷站

电脑版
提示:原网页已由神马搜索转码, 内容由www.mb5u.com提供.

一个简单又不简单的Css设计实例_网站重构教程

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!

首先给出结构,请注重,是结构固定在先,表现设计在后。

1< body>
2< div id="PopPage">
3< h3>新增联系人</h3>
4< div>
5< label>姓名</label>
6< input type="text" />
7< /div>
8< div>
9< label>姓名</label>
10< input type="text" />
11< /div>
12< div>
13< label>姓名</label>
14< input type="text" />
15< /div>
16< !-- 以次类推,我就不写了 -->
17< div class="buttonarea">
18< input type="button" value="添加" />
19< input type="button" value="重填" />
20< /div>
21< /div>
22< /body>

下面是设计师提供的设计稿:

  说明:有几个限制。

  1、不能在body上定义背景图片。

  2、结构不答应改变,也就是增加额外标签。

  3、要求适应分辨率,因为此类页面不仅仅作为宽度固定的弹出页面,同时也要作为宽度不固定的内页。(表单内容会改变)

  算了,不列了,要说限制可能还能写一些出来,但没意思了,干脆这样说:如何仅依靠css实现容度更高的整体布局。大家有爱好可以试试看,三天后周日再给出我的Css和思路。当然不是标准答案,看看谁的容度最大。^_^

来源:http://yuntian.cnblogs.com/所属分类:网站重构教程/更新时间:2006-05-12
最新评论:

暂时还没人评论! 快来抢沙发啊!


匿名评论
相关网站重构教程

网站制作教程搜索