Tüm CSS kısayollarını nasıl ezberleyebilirim?

Question

margin ve padding için her zaman kestirmeyi ve kullanmayı her zaman kullanmam çünkü saat yönünde çalışır, ancak diğerlerini nasıl hatırlarsınız?

Mümkün olan her yerde CSS kısayol kullanıyor musunuz?

Farklı kestirmeleri hatırlamanın en iyi yolları nelerdir?

Güncelleme:

Ben de 2 iyi stenografi Hile-levha bulundu.

1. Png - http://www.catchmyfame.com/wp-content/uploads/2009/07/CSS-Shorthand-Cheat-Sheet.png
2. PDF - http://www.eddiewelker.com/wp-content/uploads/2007/09/csscheatsheet.pdf

Answer 1

İşte uygun bir CSS shorthand cheat sheet (PDF).

Answer 2

yerine kestirme background-positionbackground-imagebackground-repeat vb şahsen böyle şeyler ezberlemek iyi değilim, bu yüzden belirli özellikler kullanın.

Daha az hata eğilimli olduğunu ve daha fazla bakım için kod oluşturduğunu buluyorum: &'u arayarak, proje kapsamında özel ayarları değiştirin;

Answer 3

Kısa sinyalin sözdizimini anlayan ve üzerlerinde bir ölçüde otomatik tamamlama sağlayan bir düzenleyici kullanın. Bana marjın üst, sağ, alt, sola gittiğini söyleyen bir şeye ihtiyacım yok, ama bana örneğin arka plan seçeneklerini söyleyen birine sahip olmak yararlı olur.

Visual Studio bunu yapar - herkes için doğru seçim olmayacaktır, ancak Visual Studio bunu yaparsa, eminim ki diğer birçok kişi de olmalıdır. Yeni sekme için

Answer 4

• ctrl + T
• Google arama çubuğu için ctrl + K
• "css yazı stenografi" ve yapılır!

Answer 5

Daha önce link, visited, hover ve activea pseudoselectors beyan emrini hatırlamak sadece zorluk yaşadım (aslında önemli!). Burada LoVe HAte mnemonic'u kullanıyorum.