ホームページ >ウェブフロントエンド >フロントエンドQ&A >cssファイルとは何ですか
css ファイルとは、拡張子「.css」を持つ CSS コードを含むテキスト ファイルを指します。 CSS ファイルは、Web ページを作成するために HTML 言語と組み合わせて使用されるファイルです。その主な機能は、HTML 記事のレイアウトを制御することです。簡単に言うと、Web ページの表示外観を制御します。
このチュートリアルの動作環境: Windows 7 システム、CSS3 バージョン、Dell G3 コンピューター。
CSS ファイルは、その名前が示すように、CSS コードをインストールするために使用されるテキスト ファイルであり、CSS コードは特定の規則に従ってテキスト コードで構成されます。
css ファイルには、サフィックスとして .css が付いています。サフィックスとして .css が付いているファイルは CSS ファイルであることがわかります。
CSS ファイルは、Web ページを作成するために HTML 言語と組み合わせて使用されるファイルです。その主な機能は、HTML 記事のレイアウトを制御することです。簡単に言うと、Web ページの表示外観を制御します。
CSS ファイルでは、ページ レイアウトを制御するだけでなく、HTML コードと CSS コードを適切に分離できるため、コンテンツとレイアウトを互いに干渉することなく独立して記述することができ、構成がより明確になります。
HTML はどのように CSS ファイルを呼び出すのでしょうか?
1. リンク タイプ (リンク)
リンク タイプでは、Web ページ ファイルの本体を読み込む前に CSS ファイルが読み込まれるため、表示される Web ページにはスタイルが適用されます。インポート型のように、スタイルのないWebページを先に表示してからスタイル付きのWebページを表示するということはなく、リンク型の利点となります。
文法:
<link rel="stylesheet" type="text/css" href="css文件的路径" >
2. インポート (@import)
Import は、Web ページ全体がロードされた後に CSS ファイルをロードするため、次の場合に問題が発生します。 Web ページが比較的大きい場合、スタイルのないページがしばらく表示され、しばらく点滅した後、Web ページのスタイルが表示されます。これは輸入品特有の欠陥です。
文法:
<style type="text/css" media="screen"> @import url("CSS文件路径"); </style>
(学習ビデオ共有: css ビデオ チュートリアル)
以上がcssファイルとは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。