スタイルシート(CSS)レイアウト

Home > 編集方法 > 簡易スタイルシートリファレンス目次 > フォントの設定

フォントの設定

フォントカラー

ページ全体を設定|カラーコード

body{ color: blue; }

例えば見出し<h1>を設定

h1{ color: blue; }

特定の<div>に設定

div#任意セレクタ名{ color: blue; }
div.任意セレクタ名{ color: blue; }

Home | 編集方法TOP | 簡易スタイルシートリファレンス目次 | Page Top

フォントサイズ

当サイトのテンプレートは"%"を使用してます

body{ font-size: 90%; }

フォントサイズには"pt""px"等さまざまな表現(設定)がありますが、使用しているブラウザで大きさが変わってきます。またアクセシビリティの点で考えると訪問者が大きなフォントで見れる配慮も必要です。

とほほのWWW入門フォントサイズに関して詳しく説明しておられます。

強調

文字を太くする

要素{ font-weight: bold; }

CSS上では上記のように設定しますが、単に文章上で太くしたい場合は、<strong>文面</strong>と<strong>〜</strong>で囲みます。

ワンポイント:<b></b>について

こちらも文字を太くしますが、推奨されているのは<strong>〜</strong>です。

文字を斜体にする

要素{ font-style: italic;}

CSS上では上記のように設定しますが、単に文章上で斜体にしたい場合は、<em>文面</em>と<em>〜</em>で囲みます。

ワンポイント:<i></i>について

<strong>と同様に推奨されているのは<em>です。

Home | 編集方法TOP | 簡易スタイルシートリファレンス目次 | Page Top

無料サーバー
お薦めサーバー
ネットショップ
CMSブログソフトウェア

サイトマップ