ホームページ > ウェブフロントエンド > htmlチュートリアル > HTMLでCSSスタイルを参照するにはどうすればよいですか? HTMLでCSSファイルを参照する3つの方法を紹介

HTMLでCSSスタイルを参照するにはどうすればよいですか? HTMLでCSSファイルを参照する3つの方法を紹介

不言
リリース: 2018-11-08 09:43:08
オリジナル
7009 人が閲覧しました

HTML で CSS スタイルを参照するには 3 つの方法があります。では、その 3 つの方法とは何でしょうか?この記事では、htmlでcssファイルを参照する3つの方法を詳しく紹介します。

CSS で HTML 文書および XHTML 文書にスタイルシートを適用するには、大きく分けて次の 3 つの方法があります。 (推奨チュートリアル: css ビデオ チュートリアル )

1. 要素を使用して外部 CSS ファイルを呼び出し、適用します。

2.適用する要素 ドキュメント ユニット

3. 要素にスタイル属性を追加してスタイルを適用します。

外部 CSS ファイルを呼び出して適用します。 HTMLファイルとは別にスタイルシートを記述し、HTMLファイルから呼び出すCSSファイルを作成します。呼び出しの場合、外部 CSS ファイルは、HTML ドキュメントを記述する

要素内の 要素を介して指定されます。適用されるスタイルがCSSに基づいていることをブラウザなどに通知するには、要素のtype属性の値にtext/cssを指定します。 XHTMLとの互換性やスタイルの修正のしやすさなどを考慮すると、この方法でスタイルシートを設定することを推奨します。

スタイルシートのコンポーネントは外部ファイル(xxx.css)に記述されています。

p {color:blue; line-height:1.5;}
ログイン後にコピー

HTML ソース コード

<html> 
<head> 
<link rel =“ stylesheet ”type =“ text / css ”href =“ xxx.css ”>
</ head> 
<body> 
<p>这是一个段落</ p> 
</ body> 
</ html>
ログイン後にコピー