-
よく使うCSSセレクタ
- セレクタ
- 属性セレクタ
- 擬似要素・擬似クラス
-
Media Query
- ブラウザ画面サイズによってデザインを切り替える
-
フレックスボックス
- Flex Container 用
- Flex Item 用
- positionを使ったセンタリング
-
テキストにグラデーションの指定
- 枠線にグラデーションの指定
- ゴーストボタンにグラデーションの指定
- テキストにグラデーションの指定
-
ドロップシャドウ指定
- テキストにドロップシャドウの指定いろいろ
- BOXにシャドウ
-
ストライプ背景
- CSSで背景をシマシマにする
-
リストの装飾
- UL li に直接 web icon を記述
- UL 疑似要素 li::before で List Markにアイコンを表示
- OL
- DL 下線を通す場合は position: absolute; で dt を浮かせる
- DL 下線が不要であれば display: flex; が簡単
-
引用文の装飾
- Google Material Symbolsで引用文を装飾
- Font Awesome CDN版 v.4で引用文を装飾 1 - CSS
- Font Awesome CDN版 v.4で引用文を装飾 2 - 引用符を直接記述する
- Font Awesome CDN版 v.5で引用文を装飾 2 - 引用符を直接記述する