CSSの記述場所

ホームページ制作でCSSを定義する際に、CSSを記述をすることのできる場所が3か所あります。

まず、style属性の中で記述をする方法です。この方法はHTMLの中でCSSで装飾をしたい個所のタグ内に直接style属性とプロパティを記述することで定義をする方法です。
ただし、この方法で定義を行った場合には、その定義を行った箇所のみにしか反映はされません。
つまり、一つ目の<h2<タグにテキストの色を変更するような記述を行った場合に、その記述を行った箇所に関してはその指定が反映されることになりますが、他の<h2<タグを指定している箇所では反映されない、といったようになります。

次に、<head<～</head<の中に記述する方法です。
この方法で記述をすると、style属性の中で記述をした場合とは違い、そのHTML内の指定をした個所すべてにそれを対応させることができます。
つまり、<h1<というタグに色を変更させるように指定を行っておけばば、HTML内で<h1<タグを使用している箇所すべてにそれが適用される、といったようになるのです。
そのため、もしもCSSの指定を変更したいといった場合に、一つ一つのタグを修正する必要がなく、元になっている指定のみを修正すればそれに対応した個所を一気に修正することができます。これにより指定のある場所を探して１つ１つ修正するといった手間を省けるため、作業を効率化させることが可能になります。

最後に、外部ファイルとしてCSSを記述する方法です。
ホームページ制作の際にはこの方法を使用してCSSを記述することが最も望ましい形といえます。
この方法を使用する際には、HTMLファイルとは別にCSSのファイルを作成し、HTMLファイルに外部で作成したCSSファイルを指定する場合には、<head<内に<link rel=""stylesheet"" type=""text/css"" href="" 外部CSSファイルへのパス "" /<といった記述をします。
この方法は外部にCSSを記述するため、他二つの方法に比べるとHTMLが短くなります。これにより、ブラウザでの読み込みが早くなったり、HTMLファイルが見やすくなったりといった利点が出てきます。
また、外部で作成したCSSファイルは複数のHTMLファイルで使用をすることが可能です。ホームページ制作の中では下層ページのレイアウトを統一したり、ホームページ全体でスタイルを統一したりすることも多いため、一つのCSSファイルを共有させることで簡単にそういった作業を行うことがことができます。また、更新や修正の際にも元のCSSのみ変更すればCSSを共有している全てのページに反映されるため更新・修正作業にかかる手間を少なくすることもできるのです。

ホームページ制作会社　一覧

ホームページ制作東京: ホームページ制作会社のフューチャーは、東京都の品川区でホームページ制作を格安で行っております。お打ち合わせは、東京、千葉、神奈川、埼玉まで無料でお伺い致します。
WEBディレクター: ホームページ制作会社の現役ＷＥＢディレクターがためにＷＥＢ制作、ディレクションについて語ります。
ホームページ制作会社の営業日記: ホームページ制作会社の営業人がホームページ制作の現場をリアルに伝えます。
ホームページ制作基礎知識: ホームページ制作会社の窓口である事務員がＷＥＢの基礎知識を書いています。
ＷＥＢコーダー: ホームページ制作会社に必ず必要なプロのＷＥＢコーダーが惜しげもなく、テクニックを公開しています
ＷＥＢコンサルタント: ホームページ制作の受注をとるためには、ＷＥＢコンサルタントがお客様のご要望を正確に吸い上げる必要があります。
そんな体験談でしたらこちらを参考下さい。

CSSの記述場所