文字関連
├文字の大きさを指定
├文字に背景色を指定
├リンク時の文字の下線を消す
├リンク時の文字に上下線を出す
├すべてまとめて記述する
壁紙(背景)関連
├壁紙の固定
├好きな位置に固定
├壁紙を固定して文字のみスクロール
TABLE(表)関連
├半透明にする
その他
├余白を取り除く
├フレームを作る
├インラインフレームを作る
├ロールオーバー効果
├Stylesheetの貼り付け場所
├外部Stylesheet
各種素材の使用方法
├Background(横)
├Background(縦)
├Background(Style)
├Background(詰)
├Background(特)
├TABLE
├Textbutton(一式)
├Design Template
├Design Skin(掲示板編)
├Design Skin(メールフォーム編)
>> 素材ページへ
>> TOPページへ
>> よくある質問と回答
Styleシートとは大きく分けて2通りの仕方があります。

1つはHTMLページに直接Styleシートの記述を入れる事によって
レイアウトやデザインを反映させる事です。
←左項目の「文字関連」「壁紙関連」「TABLE関連」などで
紹介していますソースなどをHTMLの
<HEAD>〜<HEAD>区間
直接貼り付けた場合を言います。


2つ目は外部Styleシートです。
外部とはHTMLページに直接Styleシートの記述を貼り付ける事では
なく外部(別)にStyleシートを記述したファイル(テキストファイル)を
用意しそれを読み込ませてレイアウトやデザインを反映させる事に
なります。読み込ませるソースは以下になります。
<LINK rel="stylesheet" href="○○.css"type="text/css">

上記のソースをHTMLページの
<HEAD>〜<HEAD>区間に入れる
事によって反映させる事ができます。

○○.cssの所はご自分で作った外部Styleシートの名前を。

1つ目との違いはページを作ってわざわざ何度もStyleシートを
貼り付ける事なく、外部より読み込ませるタグを入れる事により
スムーズにレイアウト、デザインを変える事ができます。
これは複数のページを作成した時により効果的になります。

以下は当サイトのフリー素材のページにて使っている
外部Styleシートの一覧です。フリー素材配布のページは
ご覧になると分かると思いますが100ページ程はあるかと思います
このページを一気にレイアウト、デザインをしてくれるのが
外部Styleシートになります。