ホームページの基本デザインを学ぶ。

０２　文字のデザイン

スタイルシートを使って、文字の大きさなどのデザインを設定していきます。
文字の大きさや種類、色、大きさなど、いずれも基本的なデザインの設定ですが、
Ｗｅｂページの見た目の印象を左右する重要な部分です。

ＣＯＮＴＥＮＴＳ　※ブラウザのソースで確認してください

• （１）文字の大きさを変える font-size:
  • ･文字の大きさ[スタイルシートのh1,p,addressに]を変える
• （２）フォントの種類を変える font-family:
  • ･フォントの種類[スタイルシートのh1に]を変える
• （３）すべての文字の色を変える color:
  • ･すべての文字の色[スタイルシートのbodyに]を変える
• （４）１部の文字の色を変える color:
  • ･１部の文字の色[スタイルシートのh1に]を変える
• （５）文字を強調する <strong>
  • ･文字を強調[<strong>]する
• （６）文字の斜体を解除する font-style:
  • ･文字の斜体[スタイルシートのaddressに]を解除する
• （７）文字中心のコンテンツページを作る <h2>,<h3>,<p>,font-size
  • ･フォントサイズ[スタイルシートのh2,h3に]の指定
• （８）改行をコントロールする <br/>
  • ･改行を[<br/>]の指定
• （９）行の間隔を広くする line-height:
  • ･行の間隔[スタイルシートのpに]を指定

• ００トップページ
• 《ＣＳＳの基礎　その２》
  • 01ページ作成
  • 02文字デザイン
  • 03リンク
  • 04背景とデザイン
  • 05画像デザイン
  • 06横幅と配置
  • 07テーブル＆フォーム
  • 08公開
  • 09パワーアップ
• 《リンク》
  • CSS/CSS/CSS/CSS/CSS
  • CSS/CSS/CSS/CSS/CSS

RSSフィード