Web Programming with HTML, XHTML, and CSS Second Edition- P8: Điều này bắt đầu hướng dẫn nhận xét HTML và cũng giới thiệu đến bạn bằng cách sử dụng XHTML cho cấu trúc của một trang web và cascading style sheets (CSS) để kiểm soát như thế nào một tài liệu sẽ xuất hiện trên một trang web. Bạn se tìm hiểu làm thế nào để tận dụng lợi thế của các tính năng mới của các trình duyệt trong khi đảm bảo rằng các trang của bạn vẫn làm việc ở cũ, nhưng phổ biến, các trình duyệt. Bằng. | Chapter 8 More Cascading Style Sheets was completed in 1998 it is a pity that browser manufacturers have not made a better attempt at implementing it. With careful attention it is possible to create pages that use CSS for layouts but older browsers will not always support these layouts as you would like them to. As a result some designers will use a combination of older techniques for page layout and CSS for some of the styling. Exercises The answers to all of the exercises are in Appendix A. 1. In this exercise you create a linked table of contents that will sit at the top of a long document in an ordered list and link to the headings in the main part of the document. The XHTML file is provided with the download code for this book ready for you to create the style sheet. Your style sheet should do the following Set the styles of all links including active and visited links Make the contents of the list bold Make the background of the list light gray and use padding to ensure the bullet points show Make the width of the links box 250 pixels wide Change the styles of heading bullet points to empty circles Change the style of link bullet points to squares Your page should look something like Figure 8-36. Figure 8-36 321 Chapter 8 More Cascading Style Sheets 2. In this exercise you test your CSS positioning skills. You should create a page that represents the links to the different sections of the chapter in a very different way. Each of the sections will be shown in a different block and each block will be absolutely positioned in a diagonal top left to bottom right direction. The middle box should appear on top as shown in the Figure 8-37. Figure 8-37 You can find the source XHTML file with the download code for this chapter. 322 9 Page Layout This chapter is the first of two chapters about design issues. It addresses designing and constructing layouts for web pages. Although there is no rule book that says how you should design your .
