cssのリンキング方式
Posted: 2014年6月17日(火) 3:25 pm◆ リンキング方式 (外部リンク方式)外部リンク方式は Webページすべてに統一したスタイルシートを利用するものです。どのページでも同様のレイアウト構成を維持でき、訪問者にサイトのアイデンティティを訴求できます。
このように、別途スタイルシートだけを記述した文書を作成します。なお、スタイルシート文書の拡張子は、「.css」となります。次に、このスタイルシートを読み込むのには、HTMLのヘッダに次のように埋め込みます。
このように、link要素を使って、外部のスタイルシートを Webページに読み込ませます。これによって、読み込まれたスタイルシートが、その HTML文書に適用されます。
- コード: 全て選択
body { background-image: url(images/kabe.gif); color: #000 }
.text { font-size: 1.2em; color: #006; font-weight: bold }
このように、別途スタイルシートだけを記述した文書を作成します。なお、スタイルシート文書の拡張子は、「.css」となります。次に、このスタイルシートを読み込むのには、HTMLのヘッダに次のように埋め込みます。
- コード: 全て選択
<html>
<head>
<head>
< link rel="stylesheet" href="stylesheet.css" type="text/css" >
</head>
このように、link要素を使って、外部のスタイルシートを Webページに読み込ませます。これによって、読み込まれたスタイルシートが、その HTML文書に適用されます。