CSSを導入する4つの方法まとめ

この記事では主に CSS を導入する 4 つの方法をまとめて紹介します。とても参考になるので、皆さんのお役に立てれば幸いです。編集者をフォローして見てみましょう。皆さんのお役に立てれば幸いです。

1. インライン参照: タグ上で直接使用されますが、メンテナンスコストが高くなります

style='font-size:16px;color:#000000'

2. 外部接続参照: コードの再利用を容易にするために CSS コードと HTML コードが分離されています

<link href="css/style.css" type="text/css" rel="stylesheet" />

style.css ファイルの内容は次のとおりです右図：

.font{color:blue;font-size:12px;}

3. 内部参照: ページはより鮮明ですが、他のページでは使用できません

<style type=&#39;text/css&#39;>
    .font{color:blue;font-size:12px;}
</style>

4. 外部インポート: 複数のスタイルシートを 1 つの HTML ファイルにインポートできます。外部リンク参照

と同様に、HTML ファイルの head タグに

<style type=&#39;text/css&#39;>
    @import url('./style/style.css');
</style>

を追加します。役に立つと思ったら集めてください。

関連する推奨事項:

CSS スタイルのネスト方法を使用した Dreamweaver Web ページの作成

テーブル CSS スタイルを設定するときに注意すべき点

CSS スタイルを使用して検索、ショッピング カート、その他のアイコン スタイルを生成する

以上がCSSを導入する4つの方法まとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。