CSSファイルをインポートする方法

cssファイルの導入方法: 1. インラインメソッド導入、タグのstyle属性にCSSスタイルを設定; 2. 埋め込みメソッド導入、WebページのstyleタグにCSSスタイルを記述する; 3 , リンクを使用して外部 CSS ファイルを参照する; 4. @import を使用して外部 CSS ファイルを参照します。

この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、Dell G3 コンピューター。

CSS ファイルをインポートするにはどうすればよいですか? CSS ファイルを HTML に導入するいくつかの方法

一般的に、次の 4 つのタイプがあります。

1. インライン スタイル: インライン スタイルとも呼ばれ、マークの style 属性で設定します。 CSS スタイル。この方法は CSS の利点を反映していません。

2. 埋め込み: Web ページの の

タグ ペアに CSS スタイルを集中させます。タグは整列されています;

3. リンク タイプ: 4 番目のインポート タイプは外部タイプまたは外部リンク タイプと呼ばれ、外部 CSS ファイルを参照するにはリンクを使用します;

4. インポート タイプ: @ を使用しますimport は外部 CSS ファイルを参照します;

------------------------------------- --- ----------------A

インライン スタイルは、書き始めるのに最も簡単で快適な方法ですが、この書き方では CSS の利点が反映されていません。次のように:

インラインで書き込みます div> ;

ページ内に多くのタグがある場合、この書き方は見た目が悪く面倒で、繰り返しが多すぎるため、お勧めできません。

------------------------------------------ ------ ---------B

ページ数が比較的少ない場合は、Embedded も良い選択ですが、プロジェクトに対応するページが多数ある場合、これは間違いなく最適です。ちょっと悲惨です。スタイルを変更する必要があります。類似したページ

が多数ある可能性がありますが、次のように 1 つずつ変更する必要があります:

<span style="font-size:14px;"><style type="text/css"></span>
<span style="font-size:14px;">#demo{
position:absoulte;
left: 20px;
top:50px;
width:300px;
height: 50px;
border: solid 1px red;
padding-left: 20px;
color:gray;
font-size: 20px;
line-height: 50px;
text-align: center;</span>
<span style="font-size:14px;">}
</style></span>

この書き方では、ページの「スタイルがない」現象がある程度発生します。CSS が読み込まれた後にページをレンダリングします...

---- -------------- -------------------CD

外部 CSS スタイルは CSS コードを記述することです別の外部ファイルに作成します。この CSS スタイル ファイルは拡張子が「.css」で終わるため、

タグ内 ( ですが、CSS ファイルでは、@import

を使用してパスを追加することができます。ここで重要な点がわかります。スタイル ファイルでは、最初にメイン スタイルをレンダリングし、いくつかの二次スタイルをレンダリングすることを選択できます。それを CSS ファイル

にインポートすると、サーバーへの負荷をある程度軽減することもできます。大きい場合でも、最適化することをお勧めします。本質的には、この 2 つの外部導入方法に大きな違いはありませんが、プロジェクト内でサイトのスタイルを編集する便宜上、リンク方法が使用されることがよくあります。

もちろん、編集要件として XML を使用する導入方法もありますが、一般的には使用されません。

推奨学習: 「

css ビデオ チュートリアル

」

以上がCSSファイルをインポートする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。