Pete Freitag Pete Freitag

CSS Techniques Roundup - 20 CSS Tips and Tricks

Updated: May 27, 2020
web

I never cease to be amazed at what problems can be solved with pure CSS. Here are 20 CSS techniques, tips and tricks that you may find handy:

css tips
  1. CSS Uppercase
  2. Rounded Corners
  3. Rounded Corners without images
  4. Creating a Netflix style star ratings
  5. Tableless forms
  6. Styling Lists with CSS
  7. 2 Column Layout Technique
  8. 3 Column Layout with CSS
  9. 3 Column Fixed width centered layout
  10. Printing with CSS
  11. Adding a CSS stylesheet to an RSS feed
  12. Footer Stick
  13. CSS Element Hover Effect
  14. Styling Horizontal Rules
  15. Clearing Floats
  16. CSS Popups
  17. Box Punch
  18. CSS Badge
  19. Orange RSS Buttons with pure CSS
  20. 10 CSS Tricks you may not know
  21. 10 More CSS Tricks you may not know

Do you have other good tips tricks and techniques? Please post them in the comments.

Update: I have started working on a CSS Cheat Sheet that you may find handy.

Update Again: I removed several links that no longer work.


Like this? Follow me ↯

CSS Techniques Roundup - 20 CSS Tips and Tricks was first published on September 22, 2005.

If you like reading about css, tips, techniques, roundup, or tricks then you might also like:

Comments

Pete,

Well done! Very useful stuff!

Sami
by Sami Hoda on 09/22/2005 at 2:40:33 PM UTC
Pete,
Great collection of useful references. Your blog continues to be the 'best in class' with regards to web development and ColdFusion as far as I'm concerned. Many thanks.
by Mark Holton on 09/22/2005 at 3:28:44 PM UTC
Thanks Mark and Sami! Your feedback drives me to keep on working at it!
by Pete Freitag on 09/22/2005 at 4:10:07 PM UTC
Thanks Kev, glad to help out. Yeah I saw the update, much easier to read.
by Pete Freitag on 09/22/2005 at 4:34:47 PM UTC
Hey, there's some AWESOME stuff in here...
by Lorin Rivers on 09/23/2005 at 11:26:49 AM UTC
Hi Chris,

Many of the links I posted here are listed in the link you posted, but not ALL of them. Additionally I am posting different variations on some of the techniques of which I found to be better solutions.
by Pete Freitag on 09/27/2005 at 9:50:32 AM UTC
Excellent job rounding this all up, these really are very useful. You wouldn't believe the amount of time I waste googling all these little hacks and tricks to design a tiny portion of a web site or blog.

Keep up the good work Pete!
by Ahmed on 10/03/2005 at 5:14:20 AM UTC