
frstest


メディアクエリはなし、同じCSSで4つの異なるレイアウトに対応したフォームを実装

内因性サイジング(fit-content, min-content, max-content)

CSSで要素間の区切り線を作成

固定幅と流動幅でツラを揃える

@container(コンテナクエリ)

:has()擬似クラス

モダンCSSを使って左揃えの要素を中央配置にする

CSSの比較関数

要素の余白の取り方

box-sizing

overflow-wrap(旧名word-wrap)とword-break

text-size-adjust

vertical-align

max-widthとmin-width

object-fit

var()

mix-blend-mode

will-change

visibility

white-space

appearance

pointer-events

cursor

display: inline/block/inline-block

CSS flexbox

calc()

transform

transition

@for

CSSの単位の指定

@charset

@keyframesとanimationプロパティ

@function

パーシャルSCSSファイル

@content

@mixinでメディアクエリを定義

@mixin、@include

Sassの変数
