[B! css] hirahanのブックマーク

10分くらいで分かるXHTML+CSS

このブログをお読みの方には既に不必要かもしれませんが、XHTML 1.0 と CSS 2.1 の入門記事です。社会人のためのWebデザインスクール用に作成したプレゼン資料をもとに記事にしています。授業の時は、先にこの話をしてから XHTML を書いてもらうのではなく、先に HTML/XHTML&スタイルシートレッスンブック―ステップバイステップ形式でマスターできるを読みながら XHTML と CSS で簡単なページを作成してからこの話をしています。その理由としては、HTML や XHTML を1度も書いたことがない方に「ブロックレベル要素」や「インライン要素」、CSS の「セレクタ」等の話をしても何のことか分かりにくいだろうと考えているからです。 ※この記事は2012年に執筆したものです。現在の社会人のためのWebデザインスクールでは、HTML・CSS コーディングについては

hirahan 2012/03/22

css

リンク

第25回　tableをもっと見やすくデザインする

今回のポイント「col」で縦列をまとめて装飾する方法 colに対して有効なCSS指定と無効なCSS指定 colの親に当たるcolgroupの考え方縦のCSS指定と横のCSS指定はどちらが優先されるのか縦にも横にも適切な色分けがされた表を作る方法塗り分ける色味のうまい決め方 table系のタグには縦列をまとめるタグも存在します。colとcolgroupです。“まとめる”という言い方がなんとも微妙なんですが，うまく使うと，とても見やすい表を作ることができます。実例を見ながら解説していくことにします。「col」で縦列をまとめて装飾するまずはcolから見てみます（リスト1）。 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml