ホームページ  >  記事  >  ウェブフロントエンド  >  CSS 外部リンクとインライン スタイルの違いは何ですか?

CSS 外部リンクとインライン スタイルの違いは何ですか?

青灯夜游
青灯夜游オリジナル
2021-01-19 16:20:593897ブラウズ

違い: CSS 外部リンクの方法は、CSS コードを拡張子「.css」のファイルに別途記述し、link タグを使用して HTML にリンクします。インラインCSSとは、style属性を直接利用してHTMLタグ内にCSSコードを記述することです。インライン型には、インライン型よりも高い重みが与えられます。

CSS 外部リンクとインライン スタイルの違いは何ですか?

このチュートリアルの動作環境: Windows7 システム、css3&&html5 バージョン、Dell G3 コンピューター。

(学習ビデオ共有: css ビデオ チュートリアル )

CSS 外部リンク スタイル -- 外部リンク スタイル シート

外部チェーン スタイル シートは、CSS 拡張子を持つ別のファイルを作成し、93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 内の 2cdf5bf648cf2f33323966d7f58a7f3f タグを使用して CSS スタイルを HTML にリンクします。例:

<link href="css样式的名字(一般自己取).css" rel="stylesheet" type="text/css">

CSS inline--inline stylesheet

インライン CSS は、インライン CSS または行レベル CSS とも呼ばれます。これは、「導入」内に直接あります。タグ。

例:

<body>
<p>莱昂纳多演的<span style="color:red">了不起的盖茨比</span>非常好看。</p>
</body>

明白な利点は、非常に便利で効率的であることですが、スタイルを再利用できないという欠点もあります。ある程度の長さがあるのはお勧めできません。インライン CSS は、コード内のバグを見つけるためのテストとしてよく使用されます。

CSS 外部リンク タイプとインライン タイプの違い

CSS 外部リンク タイプとインライン タイプの間には、実際には本質的な違いはありません。同じ属性を一緒に記述すると、コードの冗長性が回避されます。

重みの優先順位は、高から低の順に、インライン > 外部になります。

プログラミング関連の知識について詳しくは、プログラミング入門をご覧ください。 !

以上がCSS 外部リンクとインライン スタイルの違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。