CSSにはどのような種類のスタイルがありますか?-CSSチュートリアル-php.cn

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

coldplay.xixi

リリース： 2023-01-03 09:30:50

オリジナル

14258 人が閲覧しました

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 拡張子で外部スタイルシートファイルに配置することです。という名前の外部スタイルシートファイルは、<link/> タグを介して HTML ドキュメントにリンクされます。基本的な構文形式は次のとおりです:

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

ログイン後にコピー

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

href: リンクされた外部スタイルシートファイルの URL を定義します。相対パスまたは絶対パスを使用できます。
type: リンクされたドキュメントのタイプを定義します。ここでは「text/css」として指定する必要があり、リンクされた外部ファイルが CS スタイルシートであることを示します。
rel: 現在のドキュメントとリンクされたドキュメント間の関係を定義します。ここでは、リンクされたドキュメントがスタイルシートファイルであることを示す「stylesheet」として指定する必要があります。

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