CSSスタイル

CSS カスケード スタイル シート

• 一般に、すべてのスタイルには次のルールがあります (4 番目のスタイルが最も優先されます)
1. ブラウザのデフォルト
外部スタイル シート
3. (

タグ内)
インライン スタイル シート (HTML 要素内)
外部スタイル シートを使用すると、単一の CSS ドキュメントを編集するだけで、WEB に表示されるすべての外観とレイアウトを変更できます。すべてを変更することです)

CSS の構文は、セレクター、属性、値の 3 つの部分で構成されます。例:
selector {property: value}

セレクターは、定義する必要がある要素またはラベルです

例: body{color:red} ラベルボディの色属性を赤に定義します

値が の場合 複数の単語は二重引用符で囲まれます
例: p {font-family: "sans serif"}

複数の属性を指定する場合は、各属性をセミコロンで区切る必要があります
例: p {text-align: center;color:red}

各 HTML 要素は 1 つのクラス属性のみを持つことができます

p.right {text-align: right} を使用して、right Or ラベルのクラス属性を持つ左右の p 要素を変更できます

.right{text-align: right} を使用してすべての要素を変更する場合class 属性が正しいラベルや、ラベルや要素の種類を具体的に指す意味はありません。

id セレクター

css は

#attribute{} を使用して、クラスと同様にすべての id 属性を同じ要素またはラベルに変更します。 use #
クラス ID の属性名は数字で始めることはできません。そうでない場合、Mozilla/Firefox では正しく動作しません

css コメント /* */

スタイル シートを挿入する 3 つの方法
• 外部スタイル シート

< ;link> タグは head 領域で使用されます


• 内部スタイル シート

• インラインスタイル

使用インライン スタイルを追加するには、関連するタグの style 属性を使用します。スタイル プロパティには、任意の CSS プロパティを含めることができます。この例では、段落に左スペースを追加し、色を赤に変更する方法を示します

これは段落です