読者です 読者をやめる 読者になる 読者になる

monaurallab

モノラルラボ

Zen-Coding の CSS のチートシート

zen css

Zen Coding で html をパパっと書くのはけっこう慣れてきたんですが、CSS をパパっと書くのはほとんどやったことなかったなあ、ちゃんと覚えたいなあと思いまして、とりあえずチートシートを探してみました。


Zen-Coding のオフィシャルに PDF があったんですが、全部盛り込まれててちょっと量が多い…覚えられない…
できたら印刷用に 1ページで、必要なやつだけまとまってるやつが欲しい…


ということで、我流で、チートシートを作ってみました。
1ページに納まるように自分が使わなさそうなやつは外して、抜粋した感じで入れてあります。

↓こちらの PDF です
http://monaural.net/lab/zen/zen_css_cheatsheet.pdf


これで勉強しまっす。

"margin-left" は "ml", "text-align" は "ta" みたいな感じでけっこうパターンがありますから覚えやすそうな感じなんですけど、"font-size" が "fz" なとこはちょっと注意だなー