[本] 『CSSクックブック ―Webデザインのための活用テクニック集

買ってきました。tDiaryのテーマでも作ろうかと思います。

読後

まあ、tDiaryのテーマを作ったことがあるひとだったら、
だいたい知ってることが多いんじゃないですかね。
フォームや印刷のCSSは、帳票系に役立ちそうカモ。

display:inline;を使用して、箇条書きをタブにする。

知らなかったのでメモ。

通常の箇条書きはこんな感じ。

<ul>
<li>AAA</li>
<li>BBB</li>
<li>CCC</li>
</ul>
  • AAA
  • BBB
  • CCC

んで、これに display:inline; を追加する。

<style type="text/css">
ul li {
display: inline;
/*その他色づけとかいろいろ*/
}
</style>

日記のCSSが反映されちゃってるのでアレですけど、こういう感じになります。

マインドマップ

とりあえず一部だけマインドマップ描きました(習慣づけようと思ってるだけ)。