ホームページ > ウェブフロントエンド > CSSチュートリアル > CSSを導入する4つの方法まとめ

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

小云云
リリース: 2018-01-08 10:38:53
オリジナル
2161 人が閲覧しました

この記事では主に 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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート