Skip to main content

フォントタグとカスケーディングスタイルシート(CSS)

Dreamweaver (ドリームウィーバー)8の使い方 "CSS(スタイルシートの設定)" (六月 2026)

Dreamweaver (ドリームウィーバー)8の使い方 "CSS(スタイルシートの設定)" (六月 2026)
Anonim

あなたは非常に古いウェブサイトを見て、HTMLの中で珍しいタグを見ましたか?何年も前に、ウェブデザイナーは実際にHTML自体の内部に自分のウェブページのフォントを設定していましたが、構造(HTML)とスタイル(CSS)の分離はもうしばらく前のことでした。

今日のWebデザインでは、このタグは推奨されなくなりました。つまり、タグはもはやHTML仕様の一部ではありません。一部のブラウザでは非推奨のタグをサポートしていましたが、言語の最新の反復であるHTML5ではサポートされなくなりました。これは、HTML文書でタグが見つからなくなることを意味します。

フォントタグの代替

HTMLページ内のテキストのフォントをタグで設定できない場合は、何を使用する必要がありますか?カスケードスタイルシート(CSS)は、今日のウェブサイトでフォントスタイル(およびすべてのビジュアルスタイル)を設定する方法です。 CSSは、タグが行うことができるものと同じものを、それ以上に行うことができます。タグがHTMLページのオプションであったときにタグができることを調べてみましょう(これはもうサポートされていないので、オプションではないので注意してください)。

フォントファミリの変更

フォントフェースは、フォントの面またはファミリです。フォントタグでは、属性 "face"を使用します。テキストの各セクションの個々のフォントを設定するには、これをドキュメントに何度も何度も配置する必要があります。そのフォントを大幅に変更する必要がある場合は、これらの個々のタグをすべて変更する必要がありました。例えば:

このフォントはサンセリフではありません

フォント "face"の代わりにCSSでは、フォント "family"と呼ばれています。フォントを設定するCSSスタイルを記述します。たとえば、ページ内のすべてのテキストをGaramondに設定する場合は、次のようなビジュアルスタイルを追加できます。

body {font-family:Garamond、Times、serif; }

このCSSスタイルは、GaramondのフォントファミリをWebページのすべての要素に適用します。これは、ドキュメント内のすべての要素が

フォントの色を変更する

顔の場合と同様に、「色」属性と16進コードまたは色名を使用してテキストの色を変更します。何年も前に、ヘッダータグのようなテキスト要素に対しても個別に設定します。

このフォントは紫色です

今日は、CSSの行を書くだけです。

これはずっと柔軟です。あなたが

あなたのサイトのすべてのページで、CSSファイルを1回変更すると、そのファイルを使用するすべてのページが更新されます。

古い

CSSを使用してビジュアルスタイルを指定することは、長年にわたりウェブデザイナーの標準でした。したがって、まだタグを使用しているページを見ているのであれば、それは非常に古いページであり、現在のウェブに適合するよう再開発する必要がありますベストプラクティスと最新のWeb標準を設計します。

ジェレミージラール編集