TAILIEUCHUNG - Wrox Professional CSS Cascading Style Sheets for Web Design phần 9

Ví dụ, Safari của Apple đã không có cách nào để lựa chọn phong cách trang thay thế hoặc ưa thích. Và, bạn đoán nó, Internet Explorer (trình duyệt đã biết và yêu mến trên toàn thế giới) sẽ không cho phép người dùng lựa chọn giao diện người dùng thay thế chúng tôi xây dựng cho họ. Nếu trình duyệt phổ biến nhất của thế giới vẫn tiếp tục tính năng này ra khỏi bàn tay của người sử dụng của chúng tôi, sau đó chúng tôi đã làm việc nhiều hơn một chút để làm được nêu ra. | Bringing It All Together Figure 9-20 Selecting the extra color from elsewhere in the design After the color selection I want to move the tagline to be closer to the logo. I do this by applying a negative value to the margin property. Also I want the tagline to be flush to the left of the logo so I apply a left padding value of 15 pixels. Finally I want to spread out the letters in the tagline by setting the value of letter-spacing to as shown in Figure 9-21. With the logo all set up it s time to move to the Web page columns. Figure 9-21 The logo with the newly stylized tagline Starting the Two-Column Layout The elements of the header span the entire 800 pixels I allotted for the design. While that s good for branding purposes it s not an efficient use of the space in terms of displaying information. Imagine if everything you read from newspapers to magazines had their articles and photos stacked on top of each other from top to bottom. 343 Chapter 9 It would take a lot longer to scroll down the Web page and it would probably look a lot like what the Web looked like in 1993. I sure don t want to re-create that for my Web site. Thus I need columns actually two columns. Columns in HTML First let s look at the HTML for that s what will be used to define the areas of the two columns in the Web page body div id frame fieldset id searchbox .content goes here. fieldset div id header .content goes here. div div id sidecol .content goes here. div div id maincol .content goes here. div body In this version I decided to have the content for the side column on the right-hand side come first in the HTML while the main content on the left-hand side comes later. Side Column What I want to do to get the side column is to bring the content out of the normal flow of the document. I do this by using the position property and setting the value to absolute. Absolute positioning allows me to take a certain element and put it at a precise point in the Web page. I m talking .

• Đồ họa - Thiết kế - Flash
• đồ họa máy tính
• mỹ thuật đa truyền thông
• hệ thống thông tin
• lập trình dữ liệu
• kỹ năng máy tính
• thủ thuật máy tính
• tài liệu về Base Tables
• Bài giảng Đồ họa máy tính
• Khái niệm Đồ họa máy tính
• Ứng dụng Đồ họa máy tính
• Công nghệ Đồ họa máy tính
• Tài liệu Đồ họa máy tính
• Tổng quan đồ họa máy tính
• Bài giảng Tổng quan đồ họa máy tính
• Lịch sử đồ họa máy tính
• Ứng dụng của đồ họa máy tính
• Đồ họa máy tính trong điện ảnh
• Đồ họa máy tính trong trò chơi
• thiết kế đồ họa
• giới thiệu Đồ họa máy tính
• lý thuyết Đồ họa máy tính
• Giáo trình Đồ họa máy tính
• Tìm hiểu đồ họa máy tính
• Đồ họa hai chiều
• Đồ họa ba chiều
• Tổng quan về một hệ đồ họa
• Hệ đồ họa
• lập trình đồ họa máy tính
• Thuật toán đồ họa máy tính
• Thuật toán cơ sở
• Câu hỏi Đồ Họa Máy Tính
• Các ứng dụng đồ họa máy tính
• Kiến thức đồ họa
• Đồ họa điểm
• Đồ họa Vector
• Cơ sở đồ họa máy tính
• Bài giảng Cơ sở đồ họa máy tính
• Đồ họa 2 chiều
• Hệ thống giao tiếp bằng đồ họa
• Lý thuyết đồ họa 3D