Most CSS styles fall into nine basic style and positioning categories. This list can help you keep track of all the cool things you can do with CSS:

  • TYPE: Font family, size, style, weight, color, decoration

  • BACKGROUND: Background color, image position, and repeat

  • BLOCK: Word and letter spacing, text alignment, block display

  • BOX: Width, height, padding, and margin of an element, float, clear

  • BORDER: Border style, width, color for up to four sides of an element

  • LIST: List styles, custom bullets, bullet position

  • POSITIONING: Position, size, visibility, z-index, placement, and clip of elements

  • EXTENSIONS: Special cursor and filter effects, page break options

  • TRANSITION: Animate objects using properties, duration, delay, and timing