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