一个简单又不简单的Css设计实例
[ 2007-1-10 20:42:00 | By: webdesigner ]
 

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

 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" ="添加" />
19             <input type="button" ="重填" />
20         </div>
21     </div>
22 </body>

下面是设计师提供的设计稿:
  说明:有几个限制。
  1、不能在body上定义背景图片。
  2、结构不允许改变,也就是增加额外标签。
  3、要求适应分辨率,因为此类页面不仅仅作为宽度固定的弹出页面,同时也要作为宽度不固定的内页。(表单内容会改变)
  算了,不列了,要说限制可能还能写一些出来,但没意思了,干脆这样说:如何仅依赖css实现容度更高的整体布局。大家有兴趣可以试试看,三天后周日再给出我的Css和思路。当然不是标准答案,看看谁的容度最大。^_^

 
  • 标签:设计 实例 
  • 发表评论:

      大名:
      密码:
      主页:
      标题:

    时 间 记 忆
    最 新 评 论

    专 题 分 类
    最 新 日 志
    最 新 留 言
    搜 索
    用 户 登 录
    友 情 连 接
    博 客 信 息


    七彩博客 网站建设 七彩社区 信阳毛尖 鲜花礼品 留学信息 新年短信 春节短信 网页设计 七彩鲜花
    英国留学 建网站 打包带 工艺品 杭州鲜花 卓迈国际律师 Spa水疗 祝福短信 情人节鲜花 Nike shoes