logo

その他にもどる

その他

ここには　CSSに関して補足的なことを掲載

とりあえず、
　・すべてのページのフォントを指定する方法
　・CSSファイルに注釈を入れたい場合

すべてのページのフォントを指定する方法

下は　page-body　のフォントを　ＭＳ ゴシック　に指定する方法 
@charset "Shift_JIS";

* {margin:0; padding:0;}

body {text-align:center;}

#page-body {
	width:840px;
	background-image:url("page.jpg");
	background-repeat:repeat-y;
	font-family:"ＭＳ ゴシック";
}

以下は省略

この他にも、「ＭＳ 明朝」　「HG丸ｺﾞｼｯｸM-PRO」　など、様々なフォントが指定できる

またフォントの種類はカンマ（ , ）で区切って複数指定することができる（左から優先される）

例えば、
	font-family:"HGS創英角ﾎﾟｯﾌﾟ体","ＭＳ ゴシック",sans-serif;
ただ、見る側のパソコンに指定したフォントがインストールされていないと、指定は無効になる

最後の　sans-serif　は「ゴシック体風」のことを
安全のために、serif「明朝体風」　か　sans-serif　のいずれかを入れておく

ここでは、#page-body　を指定しましたが、#header　のところに書けば、ヘッダー部分のみのフォントが指定できる


ちなみにこのＨＰでは以下のように指定している 
	font-family: "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS UI Gothic", "MS PGothic", sans-serif;
詳しくは検索サイトで　「CSS　font-family」　などと検索すればよい

CSSファイルに注釈を入れたい場合

「ファイルには書き残しておきたいが、画面には表示させたくない」　のような時 
#menu li {
	float:left;　　　　　　　　　　/* リスト項目を横方向に並べる */
	width:116px;
	padding:2px 0px 0px 0px;
	text-align:center;
	list-style-type:none;
}
リスト項目を横方向に並べる　という部分は表示されない

---- End ----

↑PageTop　その他にもどる