Web Programming with HTML, XHTML, and CSS- P7: There are a lot of books about designing and building web pages, so thank you for picking up this one. Why do I think it is different? Well, the Web has been around for over a decade now, and during its life many technologies have been introduced to help you create web pages, some of which have lasted, others of which have disappeared. Many books that teach you to write web pages are revisions of earlier versions of the same book and therefore still take the same approach as the previous edition did | Chapter 7 Cascading Style Sheets Figure 7-36 2. Take a look at the following XHTML page xml version encoding iso-8859-1 DOCTYPE html PUBLIC - W3C DTD XHTML Transitional EN http TR xhtml1 DTD html xmlns http 1999 xhtml lang en head title Font test title link rel stylesheet type text css href head body table tr th Quantity th th Ingredient th tr tr class odd td 3 td td Eggs td tr tr td 100ml td td Milk td tr 271 Chapter 7 Cascading Style Sheets tr class odd td 200g td td Spinach td tr tr td 1 pinch td td Cinnamon td tr table body html Now create the style sheet that makes this example look like it does in Figure 7-37. Figure 7-37 Don t worry about getting the sizes exactly the same as the screenshot but do make sure you have padding in the cells and a border around the outside. The white border is created by default in IE and you find out how to remove this in Chapter 8. 272 8 More Cascading Style Sheets In this chapter you learn more about working with CSS. You will start by working through many of the remaining properties from the CSS specifications that allow you to control presentation of links backgrounds list styles table styles and outlines around boxes the last of which are different from borders . You then learn about the before and after pseudo-classes that allow you to add content that was not in the source document that you are styling before or after a specified element. Finally you will see how CSS can be used to position boxes on the page and therefore how they can be used to create layouts instead of using tables. By the end of the chapter you will know more about how to use CSS to control the following Presentation of links Backgrounds of document Styles of bullet points and numbered lists Appearance of tables Outlines around boxes Boxes that can gain focus or are active Addition of content to the XHTML document before or after an element The three positioning .
