CSSの基礎知識


CSS

CSSリファレンス


セレクタ selector

カンマ(,)で区切って複数指定可能
宣言ブロック declaration block
プロパティ名 property name
プロパティ値 property value
CSSでは /* */で囲んだ範囲がコメントになる

link要素でHTMLに組み込む

外部スタイルシート External Style Sheet
CSS
MIME(マイム)タイプ text/css
link要素にmedis属性を指定すると、読み込んだ外部スタイルシートを適用するメディアを限定することができる。

style要素でHTMLに組み込む


style属性でHTMLに組み込む


@importでCSSに組み込む


ボックスの構造


長さをあらわす単位

フォントに対する相対的な長さを表す単位

em:要素のフォントサイズを1とする単位
rem:rootの要素のフォントサイズを1とする単位
ex ch

ビューポート(viewport)に対するパーセンテージで表す単位

vm:ビューポートの幅の1%を1とする単位
vh:ビューポートの高さの1%を1とする単位
vmin:ビューポートの幅と高さの、短い方の1%を1とする単位
vmax:ビューポートの幅と高さの、長い方の1%を1とする単位

絶対的な長さを表す単位

px pt pc in cm mm q