CSSにはどのような種類のスタイルがありますか?

coldplay.xixi
リリース: 2023-01-03 09:30:50
オリジナル
14163 人が閲覧しました

CSS には 3 種類のスタイルがあります: 1. インライン スタイル (構造の内側にあるスタイル、つまりタグ内に書かれたスタイル) 2. アウトライン スタイル (すべてのスタイルを 1 つ以上のスタイルに入れる)拡張子が付いている外部スタイル シート ファイル内の [.css] で始まる; 3. インライン スタイルは HTML ページ内に記述され、head タグに格納されます。

CSSにはどのような種類のスタイルがありますか?

このチュートリアルの動作環境: Windows7 システム、css3 バージョン、DELL G3 コンピューター。

CSS スタイルには主に次の 3 種類があります:

1. インライン スタイル: 構造体内、つまりタグ内に記述されるスタイルで、先頭に記述されます。タグの内部では、style 属性内にあります。

例:

<标记 style="样式的属性名1:样式的属性值1;属性名2:属性值2;......">
ログイン後にコピー

2. インライン スタイル (埋め込みスタイル): HTML ページ内に記述され、head タグに格納され、スタイルは style タグに記述されます。

例:

ログイン後にコピー

3. 外部スタイル (外部スタイル):

外部スタイルは、すべてのスタイルを 1 つ以上の .css 拡張子で外部スタイル シート ファイルに配置することです。という名前の外部スタイル シート ファイルは、 タグを介して HTML ドキュメントにリンクされます。基本的な構文形式は次のとおりです:

ログイン後にコピー

上記の構文では、タグは、ヘッダー タグ内に配置する必要があり、以下で詳細に説明するように、タグの属性を指定する必要があります。

  • href: リンクされた外部スタイル シート ファイルの URL を定義します。相対パスまたは絶対パスを使用できます。

  • type: リンクされたドキュメントのタイプを定義します。ここでは「text/css」として指定する必要があり、リンクされた外部ファイルが CS スタイル シートであることを示します。

  • rel: 現在のドキュメントとリンクされたドキュメント間の関係を定義します。ここでは、リンクされたドキュメントがスタイル シート ファイルであることを示す「stylesheet」として指定する必要があります。

アウトラインは、HTML コードと CSS コードを 2 つ以上のファイルに分離し、構造とスタイルを実現するため、最も頻繁に使用され、最も実用的な CSS スタイル シートです。 Web ページの制作とその後のメンテナンスが非常に便利です。

関連チュートリアルの推奨事項:CSS ビデオ チュートリアル

以上がCSSにはどのような種類のスタイルがありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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