How to Get Free Shipping at Amazon Opera 9.5 Features & Video Remote External Drive Speed Up File Transfers Firefox 2 Tweak
Collapsed This Week Collapsed CyberNotes
Collapsed Last Week

CSS Cheat Sheet

September 22nd, 2006
11 Comments Written by Ryan


CSS is a great way to customize the look of your site and just about everyone is using it. I love how nearly everything is customizable but sometimes I have a hard time remembering all of the properties. That is where this CSS Cheat Sheet comes in!

It is organized very well into several different sections:

  • Properties (located on each side)
  • Syntax
  • Selectors
  • Pseudo-Selectors
  • Media Types
  • Box Model
  • Units
  • Properties that Inherit

It is available as both a PNG image file or a PDF. I have gotten this printed off and I’ll have it sitting right by me the next time I do some web design! It not only serves as a good reminder but I also learned some things from it to. ;)

RSS Icon Enjoyed the post? Subscribe to our feed to get a daily dose of CyberNet!

Tags: Web Sites

Previous ArticleNext Article
 

Related Posts:


11 Unread Comment Tracking CyberMark This Article
RSS Icon
11

  1. Avatar

    yeah, ilovejd has a nice collection. some others that i have found useful:

    cs2:
    [user.fundy.net]

    xhtml:
    [cdburnerxp.se]

  2. Avatar

    I already had that Photoshop one but I printed off the XHTML one too…thanks!

  3. Avatar

    What would be handy is some way of being able to see active changes to the appearance of a page as one types – I can remember the properties but sometimes it can be a hassle saving a refreshing and Alt tabbing repeatedly.

  4. Avatar

    Even Dreamweaver can’t do that…unfortunately. You still have to reload the page in order to see the changes. Hopefully someone will come out with some software that does this though.

  5. Avatar

    Just a Firefox extension would be nice – I just use Notepad for all my coding, so integrating that kind of text editor to Firefox could be cool. I may have a search around tomorrow actually.

  6. Avatar

    Here we go – [addons.mozilla.org] Just continually refreshes the style sheet without reloading the page.

  7. Avatar

    That is pretty cool! I’ll definitely be using this the next time I’m doing some Web development.

  8. Avatar

    I have printed several Cheat Sheets from the indicated site (JScript, CSS, ASP, MySQL). Great tip!

:mrgreen: :| :twisted: 8O :) :? 8) :evil: :D :oops: :P :roll: ;) :cry: :o :lol: :x :(
↓ Expand Text Area  or  Decrease Text Area ↑

 Find out how to track new comments!