1. Computing

Discuss in my forum

CSS Cheat Sheets

Basic CSS Cheat Sheet and CSS Layout Cheat Sheet

By

Cheat sheets are useful tools to keep on your desk or close at hand. And these two CSS cheat sheets I've created should help you with both the basics of CSS as well as using CSS for one of the more complicated tasks - positioning and layout.

Both CSS cheat sheets are a 1-page PDF suitable for printing or you can bookmark them and use them online. If you save the PDF, all the links included are clickable, so you won't have to worry about retyping them.

Basic CSS Cheat Sheet

This cheat sheet covers the basics of CSS:

  • What CSS is
  • How to add style sheets
  • Basic CSS syntax
  • Font, text, color, backgrounds, and some box properties

Basic CSS Cheat Sheet Right-click (click and hold on a Macintosh) to download the PDF.

CSS Layout Cheat Sheet

One of the most challenging parts of advanced CSS is learning to use it for layout. The best way to learn CSS layout is to do it, but this cheat sheet will help you with remembering:

  • Element types
  • CSS box model
  • Positioning elements
  • Using float for layout

CSS Layout Cheat Sheet Right-click (click and hold on a Macintosh) to download the PDF.

  1. About.com
  2. Computing
  3. Web Design / HTML
  4. Cascading Style Sheets
  5. CSS Cheat Sheets - Basic CSS Cheat Sheet and CSS Layout Cheat Sheet

©2014 About.com. All rights reserved.