CSS Shortcuts

Boost your productivity with these essential CSS shortcuts.

ShortcutDescription
colorSet the text color
background-colorSet the background color
marginSet the margin outside an element
paddingSet the padding inside an element
borderSet the border properties
font-sizeSet the font size
font-weightSet the font weight
text-alignAlign text horizontally
displaySet the display mode (block, inline, flex, etc.)
flexEnable flexbox layout
gridEnable grid layout
positionSet the positioning (relative, absolute, fixed, etc.)
z-indexSet the stack order
widthSet the width of an element
heightSet the height of an element
overflowControl content overflow
cursorSet the cursor type
transitionSet transition effects
animationDefine animations with @keyframes