Dreamweaverのタグセレクターを使用してスタイルを定義する方法

呼び出しセレクターまたはIDセレクターを使用してDreamweaverでまったく新しいスタイルを作成できますが、既存のHTMLタグのフォーマットを変更するスタイルを作成することもできます。これらのスタイルは、要素セレクターとも呼ばれるタグセレクターを使用して作成されます。タグセレクタを使用してスタイルを定義すると、既存のHTMLタグの外観、位置、およびその他の機能を変更できます。

多くのHTMLタグには、すでにフォーマットオプションが含まれています。たとえば、見出しタグには、大きな太字フォントを使用してテキストのスタイルを設定するための書式設定が含まれています。タグセレクターを使用してスタイルを作成するときは、そのタグに既に関連付けられているフォーマットオプションを考慮する必要があります。定義したオプションは、既存のフォーマットに追加されるか、フォーマットを上書きします。

あなたはこう尋ねるかもしれません。

クラスまたはIDセレクターを使用して新しい見出しスタイルを作成するのではなく、タグを付けますか？」HTMLタグを再定義する代わりに、新しいクラススタイルを定義することもできますが、既存のHTMLタグを使用した方がよい場合もあります。

見出しのスタイルはウェブ上で特に重要です。

タグは、ページ上で最も重要なテキストとしてよく認識されています。とりわけ、

タグは検索エンジンから特別な考慮を受ける場合があります。

HTMLタグを再定義するスタイルを作成するには（

tag）タグセレクターを使用して、最初にファイルを作成するか、既存のファイルを開いてから、次の手順に従います。

1 CSS Designerパネルのセレクターパネルで、新しいスタイルを追加するスタイルシートを選択します。

既存のHTMLタグのスタイルを作成する場合、クラススタイルやIDスタイルのようにスタイル自体を適用する必要はありません。HTMLタグを使用した場合は常に、スタイル定義設定が適用されます。

2スタイルを特定のメディアタイプまたは画面サイズにターゲティングする場合は、@ Mediaパネルでメディアクエリを選択または定義します。

スタイルでのメディアクエリの使用はオプションです。メディアクエリを指定しない場合、DreamweaverはGlobalプロパティを使用し、スタイルはすべてのメディア形式と画面サイズで機能します。

3セレクターパネルのプラス記号（+）をクリックします。

新しいセレクターがセレクターパネルに追加されます。

プラス記号（+）をクリックして新しいセレクターを作成すると、Dreamweaverで開いているページに既に表示されている内容に応じて、いくつかのことが発生する可能性があります。空白のWebページで初めてスタイルを作成すると、Dreamweaverはセレクタパネルに本文を入力します。

HTMLタグまたはスタイルでフォーマットされたテキストまたはその他のコンテンツを含むページで作業している場合、Dreamweaverは、カーソルで選択したものを囲む要素に基づいて複合セレクターを追加する場合があります。

4セレクターパネルで、セレクター名をダブルクリックします。HTMLタグの名前の入力を開始し、表示されるドロップダウンリストからタグを選択します。

タグセレクタを使用して、任意のHTMLタグの名前を入力してスタイルを作成できます。HTMLタグを入力すると、入力したのと同じ文字で始まるタグを含むドロップダウンリストが表示されます。タイプミスを避けるため、タグ名全体を自分で入力するのではなく、リストから目的のタグを選択することをお勧めします。

5 [プロパティ]パネルで、スタイルルールに必要な設定を指定します。

フォントと色は、でフォーマットされたページのテキストにすぐに適用されます。

鬼ごっこ。

同じページの異なる部分で異なるフォーマットで同じHTMLタグを使用できるようにする場合は、複合スタイルを作成できます。複合スタイルは、たとえば、テキストをでフォーマットしたい場合に便利です。

サイドバーとはページの主要部分で異なって見えるようにタグを付けます。