CSSスタイル設定の3つのレイヤー グローバルスタイル レイアウトプリミティブ ユーティリティクラス 1. グローバルスタイル :root { /* モジュラースケールの考え方 */ --ratio: 1.5; --s1: calc(var(--s0) * var(--ratio)); --s2: calc(var(--s1) * var(--r…

1. 参考 2. 言葉の整理 2-1. コンテンツ HTMLタグの間にあるものを指す。 例1 <div>おはよう</div> divタグにとって おはよう の一文字一文字がコンテンツ 例2 <span>こんにちは</span> spanタグにとって こんにちは の一文字一文字がコンテンツ 例3 <div> <span>こんばんは</span> </div> divタグにとって <span>こ</span>…