Sass とは CSSのメタ言語で, 記述量が減り, 再利用が簡単になる。 SASS記法とSCSS記法(以下ではSCSS記法を扱う。拡張子は.scss) 入れ子構造 1つのセレクタの中に別のセレクタを入れ子にして指定できる。(以下のCSSとSassは等価) メリット: header というクラ…

検証ツール（デベロッパーモード）の使い方 検証ツールの開き方 google chrome で 右クリック > 検証 で開く html の確認と一時的な編集 開発ツール側の右上のアイコン > webページ側を左クリック で検証ツール(上)内の該当htmlが分かる。 上の該当htmlを右…

上級編 メディアクエリ: @media (条件) { .... } 指定された条件が当てはまるときにのみ {} 内のCSSが適用される。 @media (max-width: 1000px) { /* 幅が1000px以下の時適用される条件 */ h1 { color:blue; } } プロパティを box-sizing: border-box; とす…