ホームページ  >  記事  >  ウェブフロントエンド  >  CSSにはどのような種類のスタイルがありますか?

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

coldplay.xixi
coldplay.xixiオリジナル
2021-03-21 17:51:5414242ブラウズ

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 タグに記述されます。

例:

<style>选择器 {属性名:属性值;属性名:属性值;......}</style>

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

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

<link type="text/css" rel="stylesheet" href="css/main.css" />

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

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

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

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

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

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

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。