第章 利用CSS Div进行网页布局和排版.docVIP

第13章 利用CSS+Div进行网页布局和排版 This chapter will tell you how to layout and typeset your web pages. The layout, the English name Layouts, refers to the number of different functional partitions on the page and the location and order between them. In the page layout this work very much like the newspaper editor, the daily news in different sizes in fixed layouts were placed to achieve the best results. At present, using CSS and Div combination to layout the page has become an accepted standard method, and before this, the popular or even the only way is to use the form to carry on the page layout. This chapter begins with their respective advantages and disadvantages of two. 13.1 form or Div? Survival or death? Thats a problem. For web layouts, using tables or Div is also a problem. Today, when Div+CSS occupies the dominant position in web layout, it is necessary to review the form first when learning it. 13.1.1 uses tables to layout web pages By using the method of web page layout table is very simple: the website is divided into several forms, the top of the page, usually navigation position, a table; the middle of the page, table of contents, news photos and so on, divided into 2 to 3 bar, a table; page bottom, text navigation, copyright and so on a table. If you need something in the middle of the page, you can also further nest tables in it. 13.1.2 uses Div+CSS for web layout Since the use of tables for web layout has some shortcomings mentioned earlier, in recent years, people began to gradually use Div+CSS method to achieve the task of layout. The biggest advantage of the Div+CSS approach is that content and layout are handled separately, eliminating the cumbersome labels of the tables, and reducing the size of the page files. According to the popular structure of web pages, Div+CSS can complete the following layouts: Creating a column layout. Creating a two column web layout. Creating multiple column layout. Creating an irregular web layout. From the following secti