展会信息港展会大全

一个简单又不简单的Css设计实例
来源:互联网   发布日期:2016-03-25 16:38:22   浏览:3739次  

导读:首先给出结构,请注意,是结构固定在先,表现设计在后。 代码如下 复制代码 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姓名/la...

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

代码如下

复制代码

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和思路。当然不是标准答案,看看谁的容度最大。^_^

赞助本站

人工智能实验室

相关热词: 开发 编程 android

AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港