CSSテンプレートの使い方

会社のプレゼンスをオンラインで管理するときには、いくつかの基本事項が役立ちます。 外部スタイルシートの使用は、作業を容易にするツールの好例です。 スタイルシートは、特定の要素のスタイルを定義することによってHTMLドキュメントの外観を決定します。 あらかじめ作成されたテンプレートCSSファイルをインポートしてWebページにスタイルを適用すると、Webサイトをデザインし、一貫性を保つことが簡単になります。 あなた自身のテンプレートをデザインするための基礎としてCSSシートを使うことさえできます。

1。

テンプレートを使用するHTMLページと同じディレクトリにCSSテンプレートを保存します。 たとえば、ページ「index.html」でCSSテンプレート「template.css」を使用する場合は、「index.html」を格納しているのと同じフォルダにtemplate.cssを保存します。

2。

HTMLファイルをテキストエディタで開きます。

3。

HTMLファイルでheadタグを見つけます。 これらのタグの間にHTMLドキュメントを入力して、HTMLファイルをCSSテンプレートファイルにリンクします。 テンプレートファイルの名前が異なる場合があるため、「template.css」の代わりに正しい名前を使用してください。 HTMLのheadセクションは、次の例のようになります。

4。

HTMLファイルを保存します。

5。

WebブラウザでHTMLファイルを開きます。 添付したCSSテンプレートスタイルが有効になり、Webサイトの一貫性が向上します。

警告

• CSSファイルは背景やメイン文書のテキストなどの一般的な領域にスタイルの説明を適用しますが、CSSテンプレートファイルの中には文書内のタグと一致しない可能性がある特定のタグを指定するものがあります。 CSSファイルとその資料を読んで、CSSファイルが最良の結果を得るために使用しているものと同じタグとセクションを使用していることを確認してください。