Cascading Style Sheets

As you have created examples in earlier chapters, you simply created SVG elements as you went along. If you wanted to define the style of a particular element, you simply inserted a style attribute that contained a list of CSS properties that described how that element was to be rendered onscreen. Sometimes, not just when you used animations as visual components, you copied and pasted lengthy chunks of SVG syntax, and the copied text often had lengthy style elements.

NOTE

A Cascading Style Sheet (CSS) contains one or more rules that associate the name of an element, or specific subclasses of an element, with a particular visual styling. Cascading Style Sheet information might be applied inline with styling properties or ...

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.