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

青灯夜游
リリース: 2022-12-30 11:12:09
オリジナル
3927 人が閲覧しました

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

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

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

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

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

外部チェーン スタイル シートは、CSS 拡張子を持つ別のファイルを作成し、 内の タグを使用して 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 サイトの他の関連記事を参照してください。

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