目次:
ビデオ: 【HTML入門】#02. HTMLの属性について 2025
CSSの特定の要素のスタイルを設定する1つの方法は、HTML要素に名前を付けることです。
id
または
class
属性のいずれかを使用してコード名を指定し、
id
または
class
セレクタ。
id属性を使用してコードに名前を付ける
id
属性を使用して、Webページ上の特定の要素のスタイルを設定します。
id
属性は、すべてのHTML要素の名前を付けることができ、常に開始HTMLタグに配置されます。さらに、各要素は1つの
id
属性値のみを持つことができ、属性値はHTMLファイル内に1回だけ現れなければなりません。 HTMLファイルに属性を定義した後、ハッシュタグ（
#
）とそれに続く属性値を記述してCSSのHTML要素を参照します。
HTML：
Modern Seinfeld
id
属性を使用すると、次のコードでModern Seinfeld Twitterリンクの色が赤色の黄色の背景になります。 CSS：
#jerry {
色：赤;
背景色：黄色;
クラス属性を使用したコードの命名
クラス
属性を使用して、Webページ上の複数の要素をスタイル設定します。
クラス
属性は、任意のHTML要素の名前を付けることができ、常に開始HTMLタグに配置されます。属性値は、HTMLファイル内で一意である必要はありません。属性をHTMLファイルに定義した後、ピリオド（。）と属性値の後にHTML要素を参照します。
<！
HTML：
クラス
クラスでは、 Vinod Coleslaw
<！ - 3 - >
text-decoration：なし;
}
Googleなどの検索エンジンを積極的に使用して、追加のCSS効果を検索します。たとえば、各リスト項目の間隔を広げたい場合は、ブラウザを開いてリスト項目の行間隔cssを検索します。トップ10の結果に表示されるリンクには以下が含まれている必要があります：
W3Schools
：
初心者のチュートリアルサイト
- Stack Overflow ： 経験豊富な開発者のためのディスカッションボード
- Mozilla： Firefoxブラウザを維持し、現在は開発者のコミュニティによって維持されている基盤によって最初に作成されたガイド これらのサイトのそれぞれは、開始するのに適しています。サンプルコードを含む回答を探してください。
