tailieunhanh - CSS Web Design For Dummies- P6

Tham khảo tài liệu 'css web design for dummies- p6', công nghệ thông tin, kỹ thuật lập trình phục vụ nhu cầu học tập, nghiên cứu và làm việc hiệu quả | 232 Part III Adding Artistry Design and Composition with CSS Nesting boxes within a page box Consider these suggestions to help you more quickly reposition an entire Web page at once. The downside about absolute positioning is that it makes moving everything on the page at once difficult. Each placeholder must be moved individually. Instead you may prefer to create an outermost box that you name page and use it to relatively position all your elements within. Here s why What if you complete a site using CSS layout and absolute positioning but the boss later tells you that all corporate Web pages must now be 798 pixels in width and centered in the browser with a white border around them. What the boss says goes right You ve got a pretty big revision to do if all your elements are positioned absolutely. To solve this problem create a page box as the outermost box and then relatively position everything within that outer box. This way you can move the whole page down over centered or wherever you want without having to manipulate the positions of each element inside. Consider for example using an absolutely positioned outer box with areas for a header footer sidebars and so on. Note that those inner elements are relatively positioned. Another useful technique is to first draw a template on paper for your Web page. This is very helpful Relative nesting of boxes gets confusing if you try to do it ad hoc on the computer. After you ve drawn the overall design write the CSS code to make that design come to life on the screen. Add content to the page and relatively position it within the template. You can easily rearrange your pages by swapping headers footers sidebars or main content areas just by changing the CSS for those areas. team Line - live informative Nan-cast and Genuine Chapter 13 Creating Dramatic Visual Effects In This Chapter Adding static filters Increasing excitement with dynamic transitions Transitioning between pages or sites well-designed Web page is a .