An Overview of CSS

These pages are intended to be explored in the developer console of your browser. You should also install the Web Developer plugin from Chris Pedrick to play with CSS.

We can use the style= attribute on HTML tags to apply various styles to text and blocks of text.

The "Cascading" in CSS means that the closest style setting (monospace) "wins" over a syle setting (arial) that is "further away".

We can put a border around a block of text. You probably want a CSS cheat sheet handy or use Google to search to find CSS values.

While the style attribute works, it leads to overly verbose HTML so it is more typical to write CSS ⇒ style rules to apply styles to many tags at once.

This material is part of the Web Applications for Everybody (WA4E) website and is copyright Creative Commons Attribution. You are welcome to reuse and remix these examples for your own use with attribution. You can download a ZIP file of the source code for these examples.

Go to the very last page.