ホームページ >ウェブフロントエンド >CSSチュートリアル >現在のページに追加されていない CSS のフォームは何ですか?
現在のページに追加されていない CSS のフォームは何ですか?
- 青灯夜游オリジナル
- 2021-02-02 16:50:425254ブラウズ
CSS では、現在のページに追加されないフォームは、「リンクされたスタイル シート」と「インポートされたスタイル シート」です。リンクされインポートされたスタイルシートは外部スタイルシートと総称され、独立した外部の「.css」ファイルにCSSコードを記述し、リンクタグまたは「@import」を使用してWebページ内で参照する方法です。ファイル。
このチュートリアルの動作環境: Windows 7 システム、CSS3 バージョン、Dell G3 コンピューター。
CSS では、現在のページに追加されないフォームは、「リンクされたスタイル シート」と「インポートされたスタイル シート」です。
リンクされてインポートされたスタイル シートを総称して外部スタイル シートと呼びます。CSS コードは別の外部ファイルに記述されます。この CSS スタイル ファイルの拡張子は「.css」です。
外部スタイル シートは、リンク タグまたは「@import」を使用して Web ページ ファイル内で参照する必要があります。
例:
<!-- 链接外部样式：也就是在与<head>与</head>标记之间加入一个<link>标记。 --> <head> <link href=”style.css” rel=”stylesheet” type=”text/css” /> </head> <!-- 导入外部样式：在内部样式表的<style></style>标记之间导入一个外部样式表，导入时用@import。 --> <style type="text/css"> @import "CssStyle.css"; </style>
[推奨チュートリアル: CSS ビデオ チュートリアル ]
外部スタイルを参照するインポートされたメソッドとリンクされたメソッドは、ほぼ同じ効果があります。 、どちらも独立した CSS スタイル ファイルを Web ページ ファイルに参照しますが、この 2 つの間にはまだ微妙な違いがいくつかあります (同じものを 2 つ作成するほどデザインが退屈ではないため)。以下は、私の「Discuss the two across we have have」に基づいています。学習:
1. link link css を使用するということは、クライアントが Web ページを閲覧するときに、まず外部 CSS ファイルを Web ページにロードし、次にコンパイルして表示することを意味します。この場合、予想どおりの効果があり、ネットワーク速度が遅い場合でも、効果は同じです。 @import を使用してインポートされた CSS は異なります。クライアントが Web ページを閲覧すると、最初に HTML の構造が表示され、次に外部 CSS ファイルが Web ページに読み込まれます。もちろん、最終的な効果は前者と同じです。 , しかし、ネットワーク速度が遅い場合、CSS が統一されていない HTML Web ページが最初に表示されるため、読者に非常に悪い印象を与えます。これは、ほとんどの Web サイトの CSS でリンクが使用されるようになった主な理由でもあります;
2. スタイルをインポートすると、1 つの CSS ファイルを参照するページが多すぎるのを防ぐことができます。 Web サイト内で同じ CSS ファイルを使用しているページが少ない場合、どちらの方法でも効果にほとんど差はありませんが、Web サイトのページ数が一定レベルに達すると（新浪やその他のポータルなど）、 ）、リンク メソッドを使用するのは難しい場合があります。これにより、複数のページが同じ CSS ファイルを呼び出すため速度が低下しますが、通常、このレベルのページに到達できる Web サイトには、最適なハードディスクを使用する資本もあります。 , したがって、この要素について心配する必要はありません。
上記の 2 つの要素に基づいて、ほとんどの Web サイトが外部 CSS を参照するためにリンクを使用することを好むことがわかります。
コンピュータ プログラミングの詳細については、プログラミング ビデオをご覧ください。 ！
以上が現在のページに追加されていない CSS のフォームは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。