スタイルシート(CSS)講座 トップ >> スタイルシート(CSS)デザインの基礎 >> スタイルシートとは?

スタイルシートとは?

スタイルシート(CSS)というのは、
ホームページ作成ソフトをつかってると、あんまり意識しないで使えてしまうので、
「どれがスタイルシートかわかる?」って質問されると、
あやふやな場合がけっこう多いと思います。

このコンテンツでは、そういった基礎的なことから解説していって、
スタイルシートのみでレイアウトするための、準備を目的にしてます。

ここをマスターすれば、とりあえず初心者から初級者にステップアップできるので、
がんばっていいきましょー。

それじゃあ、まずは、スタイルシートってどんなものなのかを紹介していきます。



■スタイルシートとは
スタイルシートっていうのは、ホームページの見た目(デザインとかレイアウト)を、

HTMLソースから切り離して、より効率的に管理したり、表現するためにつくられたもの。

かんたんに言うと、デザインとレイアウトの取り扱い説明書みたいな感じですかね?

たとえば、ビデオデッキとか電化製品をイメージしてもらうと分かりやすいかと思うんですけども、
ビデオデッキ本体に、つかい方がズラズラと書いてあったら、
つかいにくいし、見た目もかっこ悪いですよね。

ホームページでも、同じことが言えて、
HTMLソースに、「ここの文字の色は赤、ここは青」とか、
いちいち指定してたら、使いにくいし、検索エンジンからの見た目もかっこ悪くなります。

このページでも、スタイルシートをつかって、赤い文字を設定してますが、
これを1つ1つソースをいじって設定してたら、かなりゴチャゴチャしちゃうし、
なにより、めんどくさいです。(笑)

だから、そういった見た目の設定を、HTMLから切り離して定義することができる、
取り扱い説明書(スタイルシート)があると、とても便利なんでですね。

整理しながら、ページをつくることも、管理することもできますから。

スタイルシートでできること >>

<< スタイルシート(CSS)講座 トップ