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

Dreamweaverでは、呼び出しセレクタまたはIDセレクタを使用して完全に新しいスタイルを作成できますが、既存のHTMLの書式を変更するスタイルを作成することもできますタグ。これらのスタイルは、 タグセレクタ （ 要素セレクタ とも呼ばれます）を使用して作成されます。タグセレクタを使用してスタイルを定義すると、既存のHTMLタグの外観、位置などの機能を変更できます。

<！ - 1 - >

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

クラスまたはIDセレクタを使用して新しい見出しスタイルを作成するのではなく、

タグを再定義するのはなぜですか？ HTMLタグを再定義するのではなく、新しいクラススタイルを定義することはできますが、既存のHTMLタグを使用する方がよい場合もあります。

<！ - 9 - >

タグでフォーマットされたテキストは、ページ上で最も重要なテキストとしてよく認識されるため、見出しスタイルはWeb上で特に重要です。とりわけ、

タグでフォーマットされたテキストは、検索エンジンから特別な配慮を得るかもしれません。

タグセレクタでHTMLタグ（

タグなど）を再定義するスタイルを作成するには、まずファイルを作成するか、既存のファイルを開き、次の手順を実行します。

<！ - 3 - >

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

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

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

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

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

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

新しいセレクタを作成するためにプラス記号（+）をクリックすると、Dreamweaverで開いているページの内容に応じていくつかのことが起こります。最初に空のWebページにスタイルを作成すると、Dreamweaverはセレクタパネルに本文を入力します。

HTMLタグまたはスタイルで書式設定されたテキストなどのコンテンツを含むページで作業している場合、Dreamweaverはカーソルで選択した要素を基にした複合セレクタを追加できます。

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

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

5 [プロパティ]パネルで、スタイルルールで使用する設定を指定します。

フォントと色は、

タグでフォーマットされたページのテキストに直ちに適用されます。

同じHTMLタグを同じページの異なる部分で異なる書式で使用できるようにするには、複合スタイルを作成できます。

タグで書式設定されたテキストを、ページのメイン部分ではサイドバーとは異なるようにしたい場合など、複合スタイルは便利です。