ホームページ >ウェブフロントエンド >フロントエンドQ&A >CSSスタイルにはどのような種類があるのでしょうか?

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

青灯夜游
青灯夜游オリジナル
2021-05-06 17:28:5614355ブラウズ

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 つはページ

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

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