■

Web標準XHTML+CSSデザイン クリエイターが身につけておくべき新・100の法則
http://web-100.jp/sample/

◆headの中身の順番

＜head＞
meta
title
link
script
＜/head＞

(1)セレクタの設定・・・reset.css
＊｛　　｝

(2)全体の設定・・・common.css
body{　　}
a:link
a:visited
a:hover
a:focus　　←formのテキストフィールド用
a:active

(3)レイアウト設定（div要素の幅）・・・layout.css

(4)各要素の設定（文字飾り）・・・fonts.css

＋
・
各個別のcss

link
＠import(" ")
＠import(" ")
＠import(" ")
＠import(" ")
＋
link

◆SEO

・キーワード、カテゴリー、会社名（商品名）

・アンカーテキストにはリンク先の内容を明示する！！
　　×詳細はこちらへ
　リンクこそサイトの命。

◆tableにはsummary属性を入れる(検索エンジン対策になる）

◆サイト更新日付はヘッダーに。無理ならフッターに。

◆CSSはコメントでガイドラインを記述する

例
／＊ -------------------------

__Default_style_clear

.--------------------------＊／

◆ショートハンドプロパティでCSSを効率化する

http://web-100.jp/sample/043.shtml

・上　右　下　左
p {
margin: 0 10px 15px 10px;
}

・background:　色(color)　画像(image)　繰り返し(repeat)　位置(position)
div.section {
background: #CCC url(../img/bg.gif) no-repeat center top;
}

◆ベースとなる文字サイズの指定方法を工夫する

文字サイズの基準
◎ブラウザの初期値
16px≒1em≒100%

◆全て　float: left;　でつくれる

◆floatには全てのboxの幅指定が必要！！