The Base Page - CSS3

Let’s say you’re working on styling a blog’s comments section. Before delving into any CSS3 fanciness, you’d want to get some basic styles in place to take care of older, non-CSS3-supporting browsers. As we mentioned, it’s important to make sure your pages are functional and at least decent-looking in browsers that don’t support CSS3 before you add on CSS3 as part of progressive enhancement.

The comments area before any CSS3 is applied.

The comments area before any CSS3 is applied.

Figure above shows a blog’s comments section with some basic styles applied. The text, avatar image, commenter’s name, and date for each comment have been laid out neatly, the text is formatted, and we even have some basic backgrounds and borders in place. There’s nothing wrong with this comments area; it’s usable, it’s clean, it’s attractive. Anyone seeing it in an older browser would not think they were missing something or that the page was “broken.”But there’s a lot we can do with CSS3, without adding a single image or touching the markup, to jazz up the page’s appearance.

All rights reserved © 2018 Wisdom IT Services India Pvt. Ltd Protection Status

CSS3 Topics