スタイルシート(CSS)というのは、
ホームページ作成ソフトをつかってると、あんまり意識しないで使えてしまうので、
「どれがスタイルシートかわかる?」って質問されると、
あやふやな場合がけっこう多いと思います。
このコンテンツでは、そういった基礎的なことから解説していって、
スタイルシートのみでレイアウトするための、準備を目的にしてます。
CSS は Cascading Style Sheets の略です。スタイルシートは、HTMLで記述された Webページの見栄え・スタイルを効率的に定義するための技術です。HTMLで文書の意味を定義し、CSSで見栄えを定義することにより、意味と見栄えを分離することが可能となります。
ここをマスターすれば、とりあえず初心者から初級者にステップアップできるので、
がんばっていいきましょー。
それじゃあ、まずは、スタイルシートってどんなものなのかを紹介していきます。
■スタイルシートとは
スタイルシートっていうのは、ホームページの見た目(デザインとかレイアウト)を、
HTMLソースから切り離して、より効率的に管理したり、表現するためにつくられたもの。
かんたんに言うと、デザインとレイアウトの取り扱い説明書みたいな感じですかね?
たとえば、ビデオデッキとか電化製品をイメージしてもらうと分かりやすいかと思うんですけども、
ビデオデッキ本体に、つかい方がズラズラと書いてあったら、
つかいにくいし、見た目もかっこ悪いですよね。
ホームページでも、同じことが言えて、
HTMLソースに、「「ここの文字の色は赤、ここは青」とか、
いちいち指定してたら、使いにくいし、検索エンジンからの見た目もかっこ悪くなります。
だから、そういった見た目の設定を、HTMLから切り離して定義することができる、
取り扱い説明書(スタイルシート)があると、とても便利なんでですね。
整理しながら、ページをつくることも、管理することもできますから。
|-スタイルシートでできることとは?
|-スタイルシートのメリットとは?