Chapter Four. Applying Styles Effectively

Cascading Style Sheets (CSS) define the visual styling of a page and allow for a clean separation of presentation from content. A range of advanced typography, visual effects, and sophisticated layouts are all possible with CSS. Applied correctly, these styles can have a huge impact on both the aesthetic appeal and usability of a site.

One of the basic principles of progressive enhancement, and of modern coding practices in general, is to separate presentation from the markup by grouping all style rules into one or more external style sheets. While writing all styles into an external style sheet is an essential best practice for progressive enhancement, on its own this practice does not guarantee a satisfying ...

Get Designing with Progressive Enhancement: Building the Web that Works for Everyone 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.