DIV+CSS make Web page experience

Source: Internet
Author: User
Tags dreamweaver
In fact, Divcss is a very simple layout, even simpler than any programming language (although it is not a programming language).

DIVCSS is currently the hottest way to make Web pages, but for fully handwritten code, many web designers are looking to halt. In fact, Divcss is a very simple layout, even simpler than any programming language (although it is not a programming language).
First of all, you should know that when you start to learn divcss, you have to forget all the previous methods of thinking using DW to draw layout tables (if you used to use a table layout), but this technique is more suitable for those who have just come into contact with the web-making.
Then you know, Divcss is a high cost development, the speed of course is not you draw a table to come fast, but the benefits are more, I believe that if you can see here, you must have a certain understanding of the benefits of DIV+CSS.
Finally, you have to know that the tools you use, you might think Dreamweaver is good, yes, it's good, but you have to realize that when you use this technique skillfully, you can write pages in any text editor, even in Notepad, While Dreamweaver just acts as a text editor, all of your work is done in Code view, where I recommend Adobe's newest dreamweaver cs4. Of course, if CS5 appeared I would also try it.
Cut to the point, in fact, divcss the correct statement should be XHTMLCSS, said the reason for the DIV is only to make it more clearly and table layout method to distinguish, not to say that a page does not have a table, but where to use table, you have to realize that table is a table, It's for storing data, not for layout.
Next is the layout of the way of thinking, maybe everyone in contact with the DIVCSS, I now recommend the most famous box model, I also looked at the model after a sudden enlightened.
You may say, a lot of English can not understand, but I tell you, I am sorry that three English you must remember, and is the most important three, you can think of such a box as a div, and all the labels with these three attributes.
As you can see, this is a square, and the page is made up of so many big and small squares, and perhaps the following examples will give you a clearer picture of the box.
I borrowed the box of Sina blog here to explain, we may find that, in fact, the border border often only 1px width, who called it a border. In the outer patch margin, it represents the div (box) and div (box) between the distance, while the patch padding is a large box (DIV) and the inside Box (div) Distance (box (div) inside can put boxes (div) OH). --> -->



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.