CSSまとめ

解説

• CSSとは
  • CSS*1とは、(X)HTML文書の見栄えを整形するための、Web標準*2の指定方法です。要するにホームページをデザインする手段です。CSSを使わなくてもHTMLで直接デザイン*3できなくはないですが、CSSを使った方が標準的で効率的です。例えば100枚のHTMLファイルを一つのCSSで一括して指定できます。また、はてなダイアリーもそうですが、ブログのデザイン指定にも使います。

基本

• スタイルシートの基本 -- ごく簡単なHTMLの説明
• よく使うCSSの話|基本編
• CSS Nite Vol.7: Web制作現場の対立を解消する！ XHTML+CSSガイドライン作り [1]

一覧

• とほほのスタイルシート入門
• 【HTMLタグの簡単検索】TAG index - Web制作情報

レイアウト

• CSSによる段組（マルチカラム）レイアウト講座
• スタイルシートによる崩れない　2カラム　3カラム・レイアウト
• CSSレイアウトの定石　WinIE6バグ回避法
• デフォルトスタイルの差異を無くすCSS
• CSSレイアウトが崩れている時に試す10の処方箋

サンプル・コード

• 使えるCSSコードいっぱい「Dynamic Drive CSS Library」 - GIGAZINE
• 100％、CSSのみで構成されるメニューの作り方 - GIGAZINE
• CSSで角がまるい吹き出しを作る「CSS Speech Bubbles」とか吹き出しいろいろ - GIGAZINE
• CSSオンリーでクールなグラフを書くサンプル集:phpspot開発日誌
• パンくずリスト（Topic Path）を作成する際に使えそうなサンプル8種｜CSS HappyLife
• ちょっと使えるかもしれないCSS(1) - 見出しを飾る
• SEO業者ですら感動する驚異のCSSテクニック
• CSSだけでフレームを作るテクニック:phpspot開発日誌

設定方法

• 最初に指定しておくと便利なCSS | Tech de Go
• 新規でサイトを作る際に僕がいつも使ってるCSSのセットを公開するよ
• スタイルシートを分けて管理する方法をまとめる - 2xup.org
• もう、class名やid名で悩まないんだからっ！！｜CSS HappyLife
• bodyに設定しておくと便利な3つのポイントとおまけ｜CSS HappyLife
• CSS（スタイルシート）でbodyに設定しておくと便利な5つのポイント - DesignWalker
• CSS記述規則「プロパティ別整理法」の提案 : akiyan.com

その他TIPS

• CSS Tips：メモランダム
• CSSの小技集、20個:phpspot開発日誌

リンク・まとめ

• CSSデザイン格付けサイトいろいろ - GIGAZINE
• CSSやJavaScriptを使ったオシャレな技やサンプルが解説＆配布しているサイトのまとめ
• 2006年を彩った50の超美麗CSSデザインサイト集:phpspot開発日誌

海外

• Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download!
• 53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine

関連

書籍-Amazon

• 実践Web Standards Design―Web標準の基本とCSSレイアウト&Tips
• スタイルシート・デザイン XHTML + CSSで実践するWeb標準デザイン講座
• Web標準の教科書
• 詳解HTML&XHTML&CSS辞典 第三版

書籍-楽天

• [rakuten:book:11820593:title]
• [rakuten:book:11914467:title]
• [rakuten:book:11563792:title]
• [rakuten:book:11542066:title]

*1:CascadingStyleSheets

*2:WebStandards/W3CStandards

*3:テーブルデザインなど