HTML vol.8 - crazyuplog

2009-04-20 毎週月曜日はナポリタンの日

HTML vol.8

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とする単位

Permalink | コメント(0)

Copyright © crazyup. All rights reserved.