治療院の為のホームページ運営道場。民間療法/代替医療/手技療法に携わる全ての治療家の為に！

スタイルシート（Cascading Style Sheet-CSS）とは、HTMLで作ったページの見た目をよくするための技術です。
今までのhtmlですとページのレイアウトをするのに、tableを利用して制作していました。
しかしCSSを使えば、簡単にしかもシンプルにhtmlを構築していくことができます。
さらに近年ではSEO効果の高さからスタイルシートでのホームページ制作が必要不可欠となっております。
そこで”必見！CSS道場”では、超初心者でも分かりやすく、サンプルを使ってスタイルシートとは何かをご紹介していきます。

はじめる前に準備をしましょう（その1）

スタイルシートを直接htmlファイルに書くことができますが、”CSS道場”では今後のメンテナンスを考えて外部スタイルシートの方法で進めていきます。
はじめに右の図のように2つのファイルを用意してください。（cssファイルはメモ帳などのエディタで制作しても大丈夫！）

• index.html
• style.css

はじめる前に準備をしましょう（その2）

下記のソースコードを今制作したindex.htmlにコピーしましょう。

index.htmlのヘッダー内に外部スタイルシートの添付を追加してください。

<link href="style.css" rel="stylesheet" type="text/css" />

これで準備は完了です。
さあ次からはサンプルを使って実践していきましょう！