CSSスタイルにはどのような種類があるのでしょうか?

青灯夜游
リリース: 2023-01-05 16:13:34
オリジナル
14316 人が閲覧しました

CSS スタイルには 3 つのタイプがあります: 1. HTML タグの style 属性に記述されるインライン スタイル、2. style タグに記述されるインライン スタイル、3. 別の " に記述される外部スタイル.css " ファイルを作成するには、リンク タグまたは "@import" ルールを使用して HTML に導入する必要があります。

CSSスタイルにはどのような種類があるのでしょうか?

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

CSS スタイルには、インライン CSS スタイル、インライン CSS スタイル、外部 CSS スタイル (外部スタイル) の 3 種類があります。

1. インラインスタイル (埋め込みスタイル): 構造体内、つまりタグ内に記述されるスタイルで、タグの先頭部分の style 属性に記述されます。

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

例:

<div style="color:red"></div>
ログイン後にコピー

2. 内部スタイル (インライン スタイル): は HTML ページ内に記述され、head タグに格納され、スタイルはスタイルタグ。

<style>选择器 {属性名:属性值;属性名:属性值;......}</style>
ログイン後にコピー

例:

<style>
  bdoy{font-size:14px;} 
</style>
ログイン後にコピー

3. 外部スタイル (外部スタイル): css ファイルに記述されます。

例:

CSSスタイルにはどのような種類があるのでしょうか?

(学習ビデオ共有: css ビデオ チュートリアル、「html ビデオ チュートリアル##」 #》)

HTML では CSS ファイルを参照する方法が 2 つあります:

1)、リンク タグを使用します (リンク タイプ)

リンク タグを使用してファイルを直接紹介しますページ真ん中へ。ページでは LINK タグを複数回使用して、複数の外部 CSS ファイルを導入できます。これらの CSS コードの相互影響に注意してください。通常、後で導入された CSS ファイルは、以前に導入された CSS ファイルの同じ効果を上書きします。現在このCSS導入方法が最も主流であり、WebサイトごとにCSSコードを計画して再利用やメンテナンスを容易にすることができますが、コードの集中化が進み、コード量が多くなりすぎて作業が容易になる場合があります。適切に維持されないと問題が発生する可能性があります。

<link rel="stylesheet" type="text/css" href="style.css">
ログイン後にコピー

2)、@import (インポート) を使用します。

@import を使用して CSS ファイルを導入するには 2 つの方法があります。1 つはページ