| CSSを使って簡単ホームページ作成（フォント編） | |
 |
適当に白紙ページに落書きしてください。 違いを見るために同じ言葉にしてあります。 |
 |
使っているタグは三行とも<p>タグを使用しています。 ページ編集に戻してください。 |
 |
真ん中の行の文字色を反転させて 右クリックしてください。 スタイルの設定を選んでください。 |
 |
左の画面が出たはずです。 HTML タグににスタイルを設定 ページ全体に設定する場合に使います。 クラスやＩＤによるスタイルの設定 自分で決めた場所にだけスタイルを設定出来ます。 現在のタグのみにスタイルを設定 現在選択…つまり反転させた文字にのみ設定します。 とりあえず編集４を押してください。 反転させた文字にスタイルを設定しましょう。 |
 |
ここから少し覚える事が多いので頑張りましょう。 これだけ覚えておけば飛躍的に作成効率が上がります。 まずはフォントを指定出来ます。 フォントの候補から選んで追加を選択してください。 サンプルを見ながら選んでくださいね。 |
 |
次に文字のサイズを決定しましょう。 まずはどの単位で指定するか決めます。 予約語 矢印を上下すると具体的な大きさがでてきます。 ピクセル 私も使っている単位です。一番使いやすいかな？ ポイント 72pt=１インチだったかな…^^;) インチ cm mm 多分…そのままの意味？ パイカ １パイカは１２ポイント 文字の高さ基準となる文字の大きさを１とする単位 "X"の高さ基準となる文字の高さが小文字の"x"になる単位。 パーセント 画面に対してのパーセントで指定します。 100%を基準で設定します。 より細かい設定が可能ですね。 おすすめはピクセルです^^) |
 |
文字飾りを見てください。 下線や上線などタグ指定で出来るものが揃ってますよね？ 文字の属性を見てください。 ここでは文字を強調するためのタグの 代わりのものが揃っています。しかも…細かく設定できます。 スタイルシートの設定はここから先が長いので… OKを押して一度変化を比べてみましょう。 |
 |
ちゃんと設定が反映されてますよね？ 一応HTMLソースの方も見ておきましょう。 |
 |
ちょっと長いですが<p>タグにスタイルが埋め込まれました。 次はカラーと背景編です。 |
| HOME BACK NEXT | |
| パソコン初心者講座ぱそおーる | |