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 の利点が反映されていません。次のように:
ページ内に多くのタグがある場合、この書き方は見た目が悪く面倒で、繰り返しが多すぎるため、お勧めできません。 ------------------------------------------ ------ ---------B ページ数が比較的少ない場合は、Embedded も良い選択ですが、プロジェクトに対応するページが多数ある場合、これは間違いなく最適です。ちょっと悲惨です。スタイルを変更する必要があります。類似したページ が多数ある可能性がありますが、次のように 1 つずつ変更する必要があります: この書き方では、ページの「スタイルがない」現象がある程度発生します。CSS が読み込まれた後にページをレンダリングします... ---- -------------- -------------------CD 外部 CSS スタイルは CSS コードを記述することです別の外部ファイルに作成します。この CSS スタイル ファイルは拡張子が「.css」で終わるため、 を使用してパスを追加することができます。ここで重要な点がわかります。スタイル ファイルでは、最初にメイン スタイルをレンダリングし、いくつかの二次スタイルをレンダリングすることを選択できます。それを CSS ファイル にインポートすると、サーバーへの負荷をある程度軽減することもできます。大きい場合でも、最適化することをお勧めします。本質的には、この 2 つの外部導入方法に大きな違いはありませんが、プロジェクト内でサイトのスタイルを編集する便宜上、リンク方法が使用されることがよくあります。 もちろん、編集要件として XML を使用する導入方法もありますが、一般的には使用されません。 推奨学習: 「 」 以上がCSSファイルをインポートする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。<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>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
