ホームページ > 記事 > ウェブフロントエンド > CSS 外部リンクとインライン スタイルの違いは何ですか?
CSS 外部リンクとインライン スタイルの違いは何ですか?
- 青灯夜游オリジナル
- 2021-01-19 16:20:593924ブラウズ
違い: CSS 外部リンクの方法は、CSS コードを拡張子「.css」のファイルに別途記述し、link タグを使用して HTML にリンクします。インラインCSSとは、style属性を直接利用してHTMLタグ内に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 サイトの他の関連記事を参照してください。