cssファイルとは何ですか

青灯夜游
リリース: 2023-01-07 11:42:00
オリジナル
11352 人が閲覧しました

css ファイルとは、拡張子「.css」を持つ CSS コードを含むテキスト ファイルを指します。 CSS ファイルは、Web ページを作成するために HTML 言語と組み合わせて使用​​されるファイルです。その主な機能は、HTML 記事のレイアウトを制御することです。簡単に言うと、Web ページの表示外観を制御します。

cssファイルとは何ですか

このチュートリアルの動作環境: 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 サイトの他の関連記事を参照してください。

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