line-height
行間の意味
行間は、文字の大きさ（font-size）と余白を足したもの
フォントサイズをもとに計算される。
指定方法が3通りある
px、数値、パーセンテージ
PX指定
フォントサイズと、余白を足した高さを入力
数値とパーセンテージ
フォントサイズに対して何倍の大きさが行間になるか。
数値1.5であれば、20pxX1.5＝30pxが行間になる
パーセンテージも同じ方法で計算する
height,width
高さ幅の指定
ｐｘ ピクセルで指定
％ 親要素に対してのパーセンテージ
ｖｈ ビューポートの高さとの割合（画面サイズの高さ） 100で100％
ｖｗ ビューポートの幅との割合
vmin 画面サイズの高さと幅で、小さい方に対する割合
vmax 画面サイズの高さと幅で、大きい方に対する割合
font-weight
文字の太さの指定
100～900
デフォが400 boldが700に値する
letter-spacing
指定単位emとは
文字の高さの割合で字間をとる
1で100％となる
.1と表記して、高さの1割が字間になる
影を付ける
filter drop-shadow 透過部分を反映して影が付く。円形に対応できる
box-shadow 要素の縁に影が付く、四角形になる
z-indexが動かない
positionを設定すると動く。値はstatic以外。
CSSの指定方法は3種類
インライン
適用したい要素に書く
内部参照
ヘッダーにスタイルタグを使って書く
外部参照
CSSファイルをリンクで指定する
値が０の時は、単位を省略できる。
コメント