スタイルシート(CSS)講座 トップ >> スタイルシート(CSS)デザインの基礎 >> スタイルシートでできること

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

スタイルシートをつかえば何ができるのか。
前のページでも触れてるけど、
かんたんにいうと、ホームページの見た目を効率よく操れるようになるということ。

だから、ここでは具体的な例を見てもらいながら、
より理解を深めてもらいたいなって思います。

ただし、全部は紹介できないので、
代表的なものを一部抜粋ということで。

■1px単位でレイアウトできる



赤い■青い■を見比べてみると、
青いほうが、右にちょっとだけずれてますよね。
スペースキーでは、こんなふうに間隔をあけることができません。

上の例では、横方向の間隔を操ってるだけだけど、
もちろん縦方向も、思いのままに操ることができます。

このようにスタイルシートを使えば、1px単位でレイアウトできるので、
ビシッとしたレイアウトができちゃいます。

このページで言ってることが、ちょっとわからなくても、
練習問題とかをこなしてもらえば、きっと身に付いていくと思うので、
いまは、ぼんやりと覚えておいてほしいです。

<< スタイルシートとは?

レイアウト面でのメリット >>

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