鈴木智子のホームページのアクセスアップコーディング講座 cssコーディング規約

cssのコーディング規約

cssも人によって書き方は、バラバラです。
「鈴木智子のホームページのアクセスアップ講座」では、以下のようにしています。

こちらのソースを元に変更を加えます。
リセットCSS、ベースフォントCSSは、よほどの事が無い限り変更はしません。

ヘッダーとグローバルメニュー、h2～h6などに画像置換をします。
画像置換は、下記の方法で行って下さい。
※-9999px等の画像置換（テキスト飛ばし）は、SEOスパムとして扱われます。絶対に行わないで下さい。

div#id名 {
	width:画像の幅px;
	height:0px;
	padding-top:画像の高さpx; 
	background:url(ファイル名) no-repeat;
	overflow:hidden;
}

インデントは、タブとします。

/* -- header -- */
div#header {
	width:800px;
	height:83px;
}
div#header h2 {
	width:315px;
	float:left;
}
…

コメントは、各ブロックの始まりに記載します。
また、cssハックなど、特殊な1行などには、行末にタブを挿入して、コメントを書いておきます。

…
	margin:40px 15px -15px 15px !important;	/* importantハック */
	text-align:right;
}
…

では、続いて「JavaScriptのコーディング規約」を説明します。