CSS tips and tricks

Posted on Sat, 11 Jul 2009 03:16:51 +0000

1. Size text without using pixels



body { font-size: 62.5% }



p { font-size: 1.2em; line-height: 1.5em; }

2. Make your code easy to read



h1 {}

h1#logo { font-size: 2em; color: #000; }

h2 {}

h2.title { font-size: 1.8em; font-weight: normal; }

3. Separate code into blocks

/* Structure */

/* Typography */

/* Links */

/* Lists, images, etc. */

4. Stop using so many divs!

5. Style everything at once



* { margin: 0; padding: 0; }

This entry was posted in Web Development. Bookmark the permalink.