CSSを導入する4つの方法まとめ-CSSチュートリアル-php.cn

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

小云云

リリース： 2018-01-08 10:38:53

オリジナル

2119 人が閲覧しました

この記事では主に 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>

ログイン後にコピー

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

php 8、私も来ます