設定を使い分けて簡単ホームページ作成 ここからはCSSの設定を使い分けて、より便利に簡単にホームページを 作成するための解説をします。 今までのCSSは個別タグに設定していたので効率が悪いのです。 一回の設定でサイト全部に適応させたり ページ全体に設定する事でホームページ作成時間が 大幅に短縮出来ると思います。 |
| 設定を使い分けて簡単ホームページ作成 | |
![]() |
スタイルの設定画面を出してください。 今までは編集4を使って個別にスタイルを設定してきました。 そのほかに図のようにIDでの設定、クラス設定が存在します。 ページ全体にスタイルを設定するタグ設定も存在します。 先にタグにスタイルを設定して大まかな部分を 次にクラス、IDを設定します。 最後に個別に設定して自分好みのスタイルを設定します。 |
![]() |
とりあえず試してみましょう。 あめでとう
ありがとう
さようなら
こんな感じで打ち込んでみました。左がHTMLソースです。 この3つに簡単なスタイルを適用しました。 |
![]() |
今度はページ全体にスタイルを設定します。 設定方法はこの画面で編集1にするだけです。 今までは編集4を使ってましたよね? 次の画面も全く同じです。 同じような感じで設定してみましょう。 あめでとう
ありがとう
さようなら
こんな感じになります。HTMLソースを出力してみましょう。 |
![]() |
HTMLソース画面の上段部分に 左のように埋め込まれました。 これを指定する事でページ全体の同一タグに同じスタイルを 設定できるようになります。 タグ単位でいくらでも設定できます。 |
![]() |
スタイルを設定した箇所に変化は見られません。 |
![]() |
クラス設定というのも存在します。 クラス設定というのは任意で設定することが出来ます。 例えばこのページもクラス設定をしてあります。 この文章を書いている部分にkaoru2と言う名前のクラスを 設定しています。 この場合はTDタグに任意のスタイルkaoru2を指定しています。 もちろん他のタグにkaoru2を設定する事も出来ます。 |
| HOME BACK NEXT | |
| パソコン初心者講座ぱそおーる | |