A simple and not simple example of CSS design

Source: Internet
Author: User
css| Design

First given the structure, please note that the structure is fixed prior to the performance design in the rear.

1 <body>
2 <div id= "Poppage" >
3 4 <div>
5 <label> Name </label>
6 <input type= "text"/>
7 </div>
8 <div>
9 <label> Name </label>
Ten <input type= "text"/>
</div>
<div>
<label> name </label>
<input type= "Text"/>
</div>
<!--by analogy, I will not write the-->
<div class= "Buttonarea" >
<input type= "button" value= "Add"/>
<input type= "button" value= "Refill"/>
</div>
</div>
</body>

The following are the design drafts provided by the designer:

Description: There are several limitations.

1, cannot define the background picture on the body.

2, the structure is not allowed to change, that is, add additional tags.

3, requirements to adapt to resolution, because such a page is not only as a fixed width of the pop-up page, but also as the width of the internal page is not fixed. (The contents of the form will change)

Forget it, not listed, to say that the limit may also write some out, but it is not interesting, simply say: How to rely on CSS to achieve a higher degree of overall layout. We are interested to try, three days after Sunday again give me the CSS and ideas. Of course not the standard answer to see who is the largest tolerance. ^_^



Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.