From the course: Building a Resilient Web

Unlock this course with a free trial

Join today to access over 22,500 courses taught by industry experts.

Progressive CSS

Progressive CSS

- [Instructor] With semantic, accessible HTML in place, the next step up the layer cake of web development is the presentation layer, CSS. This is where progressive enhancement kicks in full force. First of all, CSS already has a form of progressive enhancement built in, thanks to its declarative nature. As long as the markup is properly formed, the browser will try its best to interpret every selector and property and value. If it has support for the feature, it renders it. If not, it simply ignores it and moves on. That means we can safely add modern selectors and properties and values to our style sheets even though we know older browsers don't support them. The very worst thing that can happen is the rule set or property or value is not rendered in the viewport. This, combined with the cascade, allows us to write CSS with progressive enhancement built right into the code. Say, for example, you want to use the ch unit…

Contents