国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網站 > WEB開發 > 正文

一個簡單又不簡單的Css設計實例_網站重構教程

2024-04-27 13:53:41
字體:
來源:轉載
供稿:網友

首先給出結構,請注重,是結構固定在先,表現設計在后。

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和思路。當然不是標準答案,看看誰的容度最大。^_^

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 五常市| 儋州市| 朝阳县| 石林| 西吉县| 镇巴县| 罗甸县| 沙湾县| 开平市| 大港区| 宣化县| 临安市| 福鼎市| 门头沟区| 吉林省| 花垣县| 娄烦县| 北安市| 江门市| 五大连池市| 资源县| 绥滨县| 灵川县| 富蕴县| 淳安县| 乐至县| 崇礼县| 寻甸| 三河市| 榆树市| 深水埗区| 迁安市| 孝义市| 施秉县| 江川县| 会昌县| 天等县| 青冈县| 泰顺县| 潢川县| 勐海县|