Sams Teach Yourself SVG in 24 Hours

The Code

As this code is a culmination of nearly all this book's examples, plus more, there are two components to the news center graphic's code. The first is the style sheet, and the second is the actual content code.

The Style Sheet

You will notice that the style sheet (Listing 23.1) and SVG code (Listing 23.2) have line breaks between certain groups of styles. These line breaks are not mandatory; they serve merely to visually distinguish the types of styles and content. Just as a book with no paragraphs makes reading a chore, so too does code without breaks. By adding breaks between separate groupings, you can find the type of style you are looking for much faster.

The style sheet, following, is thus broken into several sections, based upon ...