Nine Basic CSS Categories to Use in Web Design

By Sue Jenkins

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