CSSで文字サイズの設定

TOPページ >CSSで文字サイズの設定

CSSで文字サイズの設定

CSSで文字サイズを設定する。

  1. 7段階サイズ指定
    私は中心文字を「small」で設定しています。

  2. xx-small
    x-small
    small
    medium
    large
    x-lager
    xx-large

  3. 数値+単位でサイズ指定
    多く使われている「px」、「em」のサイズって、こんなもんです。

  4. 10px
    12px=1em
    14px
    16px
    18px
    20px
    22px
    24px=2em

  5. %表示
    デフォルト値に対して何%の大きさかという設定

  6. 70%
    100%
    200%

  7. 比較指定

  8. smaller
    larger

ということで、Movable Type のエントリー部の初期設定を見てみると次のようになっています。ここで、「font-size: x-small;」の「x-small」を変更すればエントリー内の文字サイズが変わります。

.content p {
color: #666666;
font-family: Verdana, Arial, sans-serif;
font-size: x-small;
font-weight: normal;
line-height: 150%;
text-align: left;
margin-bottom: 10px;
}

« HTML/CSSとは? | メイン | エントリー内のTableタグ表示 »
 
PR
新規サイト公開
管理人への連絡方法
HTMLポケットリファレンス
特定カテゴリーの表示設定
HTMLタグを表示させるには
著作権記号「©」の使い方
カテゴリを任意順に並べる
リンクに関するHTML
画像に関するHTML (2)
画像に関するHTML (1)
Pingサーバー登録
サイト公開開始
トラックバック欄の設置
Tableタグを使わないようにする
「最近のエントリー」のカスタマイズ
Movable Typeマニュアル?
コメント欄の設置
コメント・トラックバックについて
カテゴリページ毎にそのカテゴリの概要のみを表示
同一カテゴリのエントリー表示
カテゴリ内での前後移動
Movable Typeの独自タグ種類
リンクについて
テキストエディタTeraPad
エントリー内のTableタグ表示
CSSで文字サイズの設定
目次を作る
HTML/CSSとは?
FFFTP設定手順
ウェブログの基本設定
XREAへインストール
Movable Typeのダウンロード
左サイドバーに変更する
インストールファイル(install_mt3.cgi)の属性変更
TypeKey登録
XREA概要
Movable Typeスタイル&コンテンツデザインガイド
Movable Type標準ハンドブック
当サイトの主旨






XREA
ロリポップ
さくらインターネット
ハッスルサーバー
ステップサーバー
AK-HP.COM
ジャパンホスト
BB-Server.net
クイックサーバー
アスカサーバー
イチマンネット
プライムサーバー
ベストサーバー
エックスサーバー
ネオ・サーブ
ジャパンサーバー






我的☆お小遣いサイト集
格安レンタルサーバー徹底解説