- リセットCSS
- カラフルなunderline:decoration
- 背景
- 1 . gradiant
- 2 . 画像
- インライン要素 / ブロック要素
- odd / even
- @media screen and :andの右側に半角スペースが必要
- 初期レイアウトパターン
- 1 . flex-grow
- 2 . flex-1
- 3 . min-h-[calc()]
- 4. grid-rows-[auto_1fr_auto]
- p > code / p:has(code)
- 文章コンテンツ用のクラス名:prose
- *proseの注意点
- proseのスタイルを変更するには
- 要素を隠す:hidden / opacity / invisible
- アニメーションと組み合わせたい場合
- 動的なTailwindクラス
- 1 . テンプレートリテラル
- 2 . cn
- 3 . 変数として追加
- 文字が2行目にいかない
- 縦方向の折返し:columns-2
- Tailwind:(フォント追加後に)font-thinやfont-lightが効かない
- 重要:dvh
- タグの塊
- focus-within:
- group-hover