Dreamweaver 4 の簡潔なチュートリアル (V. Web ページをより美しくするパート 4)

著者：Eve Cole 更新時間：2009-05-30 18:35:57

スタイルシートでテキストにセンスを加える

上記はテキストの最も基本的な設定の一部です。テキストにさらに工夫を加えたい場合は、スタイルシートの助けが必要です。

編集状態で Shift+F11 を押して、スタイルシートダイアログボックス (CSS スタイル) に入ります。

右下隅をクリックします

、新しいスタイルを作成します。

上に示したように、[名前] フィールドにスタイルの名前を入力します。Dreamweaver では、他の HTML タグとの混同を避けるために、デフォルトで名前の前に小数点が付けられます。たとえば、ここで指定した名前は「myfont」です (unnamed1 を myfont に変更します)。 ) ; 外部スタイルシートを使用するか、このページでのみスタイルを作成するかを定義します (このドキュメントのみ)。複数のページでスタイルシートを共有できるように、前者を選択します。

次のダイアログボックスで、「myfont」などのスタイルシートファイルの名前を入力し、「保存」をクリックします。これにより、上に示すように、myfont.css というスタイルシートファイルが生成されます。

上の図に示すようにスタイルを設定します。 Size はテキストのサイズで、9 ポイント (9pt と呼ばれます) に設定します。 Line は行間隔で、13 ポイントに設定します (別の一般的な設定方法は 150 です)。 %)、いわゆる 9 ポイントフォントが得られます。設定後、OKを押すとスタイルシートダイアログに戻ります。下図のように「myfont」というスタイルが追加されていることがわかります。

次に、テキストの一部を選択し、スタイルダイアログボックスで myfont を選択します。どうですか?文章もより洗練されたものになったでしょうか？ 9ポイントフォントは、Songフォントの中で変形せずに表示できる最小かつ最も繊細なサイズであるため、Webページ制作で広く使用されています。

9 ポイントのフォントの他に、12 ポイントから 9 ポイントの間の 10.4 ピクセルフォントもあります。これもお試しいただけます。

他のページにある既存のスタイルシートを参照する必要がある場合は、

。加えて、

既存のスタイルを編集することです。

スタイルを削除することです。