外部ファイルとしてCSSを取り込む

「style要素を利用した取り込み」は、HTML内に直接指定を打ち込むCSSの利点をあまり活かせていません。
というのも、それぞれのページにおける文章に対し、個別に指定が必要となるので、
あまりメリットがないからです。


一方、ページ共通の指定が「styleタグを使った取り込み」の場合は、比較的楽に行えます。
ただ、情報量の多いホームページの場合、内部に書き込む必要があるため、
指定が複雑化し、ソースがゴチャゴチャしてしまいます。


その点、CSS3など、CSSの各レベルにおけるメリットを外部からの取り込みを行う方法は、
しっかりと活かせる方法といえます。


ではその方法を早速、紹介していきましょう。
尚、基本的にはCSS1、CSS3等といったレベルには関係なく、これらの方法も、共通して採用されます。

CSSを取り込む方法を外部から具体的に説明すると、「外部に作ったCSSファイルを取り込む」となります。
テキストエディタで外部にCSSは、作成可能です。
まず、「hr { color : #ff0000 }」という文字をテキストエディタに書き、それを保存してみましょう。
そして次に、そのファイルの拡張子を変えます。
元々は「.txt」となっているので、それを「.css」にします。

そして次に、HTML内部に「＜link rel="stylesheet" href="sample.css" type="text/css"＞」
という文章を導入します。

これによって、そのまま「.css」で保存した内容が反映されます。
非常にメリットが多く、有効な方法です。

タグ：外部ファイルとしてCSSを取り込む