ホームページ > 記事 > ウェブフロントエンド > CSS外部リンクとインライン埋め込みの違い
CSS外部リンクとインライン埋め込みの違い
- 藏色散人オリジナル
- 2021-02-19 09:20:553930ブラウズ
CSS 外部リンクとインライン埋め込みの違いは、 1. 3 つのスタイルの記述方法が異なります。 2. 実際に使用する際の重みの優先順位が 3 つの方法で異なります。 高い順に「」になります。埋め込み>インライン>アウトライン」。
#このチュートリアルの動作環境: Windows 7 システム、Dell G3 コンピューター、CSS3 バージョン。
外部 CSS、インライン CSS、埋め込み CSS の違いは何ですか?
まず、機能の観点から見ると、これら 3 つの実装の機能は同じであり、いずれもコンテンツの植字と変更を実現できます。
ただし、書き方としては異なりますので、1つずつ区別していきましょう:
1、インライン形式の書き方
<p style="color:red;"></p>
2、外部形式の書き方
は、CSS 拡張子を持つ別のファイルを作成し、93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 内の 2cdf5bf648cf2f33323966d7f58a7f3f タグを使用して CSS スタイルを HTML にリンクします。例:
<link href="你的css文件地址" rel="stylesheet" type="text/css"></link>
3、ネストされたスタイルの記述
はネストとして理解できます。ここで、必要な要素タグを 6c04bd5ca3fcae76e30b72ad730ca86d36cc49f0c466276486e50c850b7e4956 テキスト内に記述します (span など)。次に、93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 の 080b747a20f9163200dd0a7d304ba388531ac245ce3e4fe3d50054a55f265927 に別の CSS スタイルを記述します。例:
<head>
<style type="text/css">
span{color:re;}
</style>
</head>優先順位の違い (推奨: css ビデオ チュートリアル)
3 つの方法を実際に使用する場合、重みが優先されます。高から低: 埋め込み > インライン > アウトライン。より一般的なスタイルは、再利用性を向上させ、スタイルとコンテンツ間の結合を減らすために、分離して外部で使用するのに適しています。独立した要素がほとんどないスタイルは、埋め込みで使用する方が便利です。
以上がCSS外部リンクとインライン埋め込みの違いの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。