css_html/css_WEB-ITnose の基本構文の簡単な紹介

CSS の基本構文の簡単な紹介:
この章では、初心者が読むのに適した CSS の基本構文を紹介します。あまり役に立たないため、読み飛ばしても構いません。
CSS の使用方法は主に 3 つあります:

1.行内样式2.内嵌样式3.外联样式

もちろん、教科書によって名前が異なる場合がありますが、本質は同じなので、あまり絡めすぎないでください。
以下は、上記の 3 つの方法の使用方法を紹介します。
1. インライン スタイル: いわゆるインライン スタイルは、タグの style 属性を通じてタグ内に CSS コードを記述します。コードは次のとおりです:

<div style="color:blue">softwhy.com</div>

利点は、使い方が簡単であることです。しかし、欠点も非常に明白であり、パフォーマンスに違反するため、コンテンツ分離の原則はお勧めできません。

2. 埋め込みスタイル:

埋め込みスタイルとは、CSS コードを c9ccee2e6ea535a969eb3f532ad9fe89 タグに記述することを意味します。もちろん、他の場所に置くこともできます。この方法の利点は非常に簡単で便利ですが、CSSコードが多いとページが非常に大きくなります。
3. 外部リンク スタイル:
外部リンク スタイルは、現在のページに CSS ファイルを導入することです。コードは次のとおりです:

<style type="text/css">div{  font-size:12px;  color:green;}</style>

CSS コードが多い場合は、この方法を使用することをお勧めします。
4. 一般的に使用されるセレクター:
もちろん、この章は初心者向けであるため、最も基本的で一般的に使用されるセレクターを紹介します。

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

ここでは一つずつ紹介しませんので、関連記事を参照してください。
関連資料:
1. タグ セレクターについては、「CSS タイプ セレクター (E)」の章を参照してください。

2. グループ セレクター セレクターについては、「CSS セレクターのグループ化」の章を参照してください。

3. 包含セレクターについては、CSS 包含セレクター (EF) の章を参照してください。

4. クラスセレクターについては、CSS クラスセレクターの章を参照してください。

5. ID セレクターについては、CSS ID セレクターの章を参照してください。

元のアドレスは次のとおりです: http://www.softwhy.com/forum.php?mod=viewthread&tid=15647

詳細については、以下を参照してください: http://www.softwhy.com/divcss/