CSS Shortcuts
Boost your productivity with these essential CSS shortcuts.
Shortcut | Description |
---|---|
color | Set the text color |
background-color | Set the background color |
margin | Set the margin outside an element |
padding | Set the padding inside an element |
border | Set the border properties |
font-size | Set the font size |
font-weight | Set the font weight |
text-align | Align text horizontally |
display | Set the display mode (block, inline, flex, etc.) |
flex | Enable flexbox layout |
grid | Enable grid layout |
position | Set the positioning (relative, absolute, fixed, etc.) |
z-index | Set the stack order |
width | Set the width of an element |
height | Set the height of an element |
overflow | Control content overflow |
cursor | Set the cursor type |
transition | Set transition effects |
animation | Define animations with @keyframes |