Sample Design: SVG and CSS

This section looks at a simplified but quasirealistic scenario using CSS. Take a look at Figure 13.07. It is also available on the Web at http://www.xmml.com/XMML01.svg as well as in the download for this book. The code for the simplified page is shown in Listing 13.7. Suppose that your task is to alter the orange (#FF6600) in the original and that your client isn’t quite sure what color he wants as a replacement. Perhaps a quiet green?

Figure 13.07. The simplified XMML.com Web page before the required makeover.

Using external Style sheets seems an ideal solution, particularly if the client changes his mind again ...

Get Designing SVG Web Graphics now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.