CSSをホームページに反映させる方法と優先順位

トップページ＞ CSSをホームページに反映させる方法と優先順位

CSSをホームページに反映させる方法と優先順位

別の項目で書いた通り、ホームページ制作の際にCSSを記述することができる場所はいくつかあります。
style属性の中で直接記述を行ったり、head内でCSSを記述を行った場合に関しては正しく記述ができていればホームページにレイアウトが反映されることとなります。しかし、外部ファイルとしてCSSを作成している場合に関しては、head部分に<link rel=""stylesheet"" type=""text/css"" href="" 外部CSSファイルへのパス "" /<といった記述を加えることで指定を行わなければスタイルを適用させることはできません。
ホームページ制作の際には1つのHTMLについて複数のスタイルシートを使用するといったことも多くあります。その場合には、使用したい各スタールシートについてこの記述をするようにしましょう。
また、外部スタイルシートは、固定スタイルシート、代替スタイルシート、優先スタイルシートと種類を分けて指定をすることもできます。
上記でhead内に記述をすることでスタイルシートを指定すると書きましたが、これらの種類にわけて指定をする場合にはそれぞれ記述が少しずつ変わってきます。

まず、固定スタイルシートの場合にはrel属性をstylsheetとした上で、title属性を記述しない方法で指定を行います。つまり、先に記述した<link rel=""stylesheet"" type=""text/css"" href="" 外部CSSファイルへのパス "" /<といった記述がこれにあたります。
固定スタイルシートは常に適用されるものとなるので、ホームページ内で共通した指定をするスタイルシートなどに関してはこの方法で指定をすることになります。

次に代替スタイルシートです。
これはユーザーが選択して使用するスタイルシートで、これをあらかじめ用意してあるページに関しては、ブラウザのメニューバーからページの表示を選択することが可能になります。
指定をする際の記述としては、rel属性をalternate stylesheetとして、title属性を記述します。

最後に優先スタイルシートです。
これは固定スタイルシートと共に優先されることになるスタイルシートです。もしも優先スタイルシートが2つ以上あった場合には、先に記述されたものが優先されることとなるます。
指定の際には、rel属性をstylesheetとしてtitle属性を記述します。

これらのスタイルシートの優先順位も覚えてホームページ制作に生かしていきましょう。

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

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

CSSをホームページに反映させる方法と優先順位