Reference in CSS
? Reference in CSS
A CSS reference is a comprehensive guide to all the CSS properties, values, and rules you can use to style HTML elements. It's an essential tool for developers to quickly look up syntax, usage, and compatibility.
? Categories in a CSS Reference
Here are common categories included in a full CSS reference:
? Selectors
*,div,.class,#id,[attr],:hover,::before, etc.
? Properties
Text & Fonts
color,font-family,font-size,line-height,text-align,text-transform
Box Model
margin,padding,border,width,height,box-sizing
Positioning
position,top,left,z-index,float,clear
Flexbox & Grid
display: flex,justify-content,align-items,grid-template-columns,gap
Visual Effects
opacity,box-shadow,filter,backdrop-filter,transform
Animation & Transition
animation,transition,@keyframes,animation-delay,animation-duration
Background & Borders
background-color,background-image,border-radius,border-image
Responsive Design
@media,min-width,max-width
? Useful CSS Reference Websites
| Resource | Description |
|---|---|
| MDN Web Docs | Authoritative, detailed, examples |
| W3Schools CSS Reference | Beginner-friendly quick reference |
| CSS-Tricks Almanac | In-depth articles per property |
| Can I use | Browser support checker |
? Tip
Use browser dev tools (F12) to test styles live and hover over properties for hints!
Would you like a printable PDF of a CSS reference or a searchable interactive version?
