How can I memorize all CSS shorthands?

Question

I never forgot and always use shorthand for margin and padding because it runs clockwise, but how do you remember the others?

Do you use CSS sh

Answer 1

I personally am not good at memorizing such things, so I use the specific attributes, background-position background-image background-repeat etc. instead of the shorthand.

I find it's less error prone, and makes for more maintainable code: You can search & replace specific settings project-wide, which is impossible when using shorthand.

Answer 2

Here’s a decent CSS shorthand cheat sheet (PDF).

Answer 3

Use an editor that understands the shorthand syntax and gives you some degree of auto complete on them. I too don't need one that tells me margin goes top, right, bottom, left, but it is useful to have one that tells me the options for background for example.

Visual Studio does this - it won't be the right choice for everyone obviously, but if Visual Studio does it I'm sure there must be many others that do too.

Answer 4

• ctrl+T for new tab
• ctrl+K for Google search bar
• "css font shorthand" and done!

Answer 5

I've previously had only the difficulty to remember the order to declare the a pseudoselectors link, visited, hover and active (it actually matters!). Here I use the LoVe HAte mnemonic for.