HTML vol.8

Study html
  • CSS vol.3
    • 調べ方
    • テキスト
    • 継承
    • ボックス

調べ方

CSSは日々代わるので調べることが重要。

リファレンス

http://reference.sitepoint.com/css

互換性

http://www.quirksmode.org/css/contents.html

テキスト

フォントサイズを変える

font-size: サイズ指定;
単位を指定してフォントを指定 px
割合でサイズを指定 %

フォントを飾り付ける

font-weight: 指定;

boldで太文字に。
行揃え

text-align: 位置;
left 左(標準)
center 中央
right 右
justify 均等

継承

<body> 親要素
<div> 考えている要素
<p> 子要素
<em> 孫要素

親要素の値は子要素にも継承される。

ボックス

margin 枠線のポーダーの余白
border 枠線（ボーダー）
padding コンテンツとボーダーとの間の余白
width ボックスの幅
height ボックスの高さ 
p {
  margin: 20px;
  padding: 10px;
  border: solid 3px #333333;
  width: 80%;
  font-height: 1.8;
}

行の高さ

line-height: 値;
normal 初期値
倍率 フォントの高さを1とする。例)1.8
割合 %を使った割合、テキストの高さを100%とする

インデント

text-indent: 値;
em ブラウザに設定されているフォントサイズを1とする単位