CSSファイルとは何ですか?

青灯夜游
リリース: 2021-10-11 17:36:34
オリジナル
13773 人が閲覧しました

cssファイルとは、CSSで規定された文法規則に従って記述され、拡張子「.css」が付いたテキストファイルで、Webページを作成するためにHTML言語と組み合わせて使用​​されるファイルです。制御する HTML ドキュメントのレイアウトとは、単に Web ページの表示外観を制御することを意味します。

CSSファイルとは何ですか?

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

css ファイルは であり、サフィックスとして .css が付いています。サフィックスとして .css が付いているファイルは css ファイルであることがわかります。

CSS ファイル自体は実際にはテキスト ファイル ですが、ブラウザが認識できるように CSS で指定された文法規則を使用して記述されています。

CSS ファイルは、Web ページを作成するために HTML 言語と組み合わせて使用​​されるファイルです . その主な機能は、HTML 記事のレイアウトを制御することです。簡単に言うと、Web の表示外観を制御します。ページ。

CSS ファイルでは、ページ レイアウトを制御するだけでなく、HTML コードと CSS コードを適切に分離できるため、コンテンツとレイアウトを互いに干渉することなく独立して記述することができ、構成がより明確になります。

CSS ファイルを別の HTML ファイルに配置して、Web サイトのすべてのページのスタイルを統一できます。さらに、CSS コードを 1 つの CSS ファイルにまとめることにより、CSS ファイルを変更する際の管理が容易になり、コードとメンテナンスの時間が短縮されます。 , この CSS ファイルが適用されるすべての HTML ファイルは、サーバーからすべてのページを取得して変更後にアップロードすることなく更新されます。

HTML による CSS ファイルの呼び出し方法

1. リンク タイプ (link)

リンク タイプは、HTML の タグを使用して外部に追加します。スタイルシートファイルをHTML文書にリンクさせる方式で、インターネット上のWebサイトで最もよく使われており、最も実用的な方式です。この方法により、HTML ドキュメントと CSS ファイルが完全に分離され、構造層とプレゼンテーション層の完全な分離が実現され、Web ページ構造の拡張性と CSS スタイルの保守性が向上します。

構文:

<link rel="stylesheet"  type="text/css"  href="css文件的路径" >
ログイン後にコピー

2. インポート (@import)

スタイルのインポート @import コマンドを使用して、外部スタイル シートをインポートします。

インポート メソッドでは、Web ページ全体が読み込まれた後に CSS ファイルが読み込まれるため、問題が発生します。Web ページが比較的大きい場合は、スタイルのないページが最初に表示されます。フラッシュ後、Webページが再度表示されます。これは輸入品特有の欠陥です。

インポートされたスタイルを記述する方法は 6 つあります:

<style type="text/css" media="screen">   
@import CSS文件路径;
@import &#39;CSS文件路径&#39;;
@import "CSS文件路径";
@import url(CSS文件路径);
@import url(&#39;CSS文件路径&#39;);
@import url("CSS文件路径");
</style>
ログイン後にコピー

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

以上がCSSファイルとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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