[CSS]スタイルシートの記述簡略化のチートシート
Post on:2008年4月22日
sponsors
leigeberのエントリーから、スタイルシートの記述の簡略化のチートシートを紹介します。
チートシートは、PDFで配布されています。
記述の簡略化は、例えば下記のようになっています。
簡略化の前
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<textarea name="code" class="css" cols="60" rows="5"> #div { background-color: #CCCCCC; (named, hex, rgb or 0-255) (default = transparent) background-image: url(images/bg.gif); (url or none) (default = none) background-repeat: no-repeat; (repeat, repeat-x, repeat-y or no-repeat) (default = repeat) background-attachment: scroll; (fixed or scroll) (default = scroll) background-position: top left; (top, right, left, bottom or center) (default = 0% 0%) } </textarea> |
簡略化の後
|
1 2 3 4 5 |
<textarea name="code" class="html" cols="60" rows="5"> #div { background:#CCC url(images/bg.gif) no-repeat 0 0; } </textarea> |
sponsors
