CSS– category –

CSSのbackground-imageで指定した画像を、WebP対応させる方法。①「modernizr-custom.js」ファイルをダウンロードして設置②CSSで背景画像にWebP画像を指定することで対応・非対応ブラウザそれぞれに対応できます。

今回はCSSでコーディングし、まん丸（正円）を作りたいと思います。まずは完成形を実際にブラウザを縮めてみてください。

正しく・デザインを変えたい場所を指定してCSSコードを書いているのにうまくカスタマイズの内容が反映されないは、CSS適用の優先度が正しいかチェックしてみてください。

ルールはこちら。半角英数字のみ使用可能。記号は、「 - 」（ハイフン）、「 _ 」（アンダースコア）のみ使用可能。スペース（全角・半角）は使えない。アルファベットから書いていく（数字から始まると反応しない）。CSSファイル内では、「.」から始めて書く、HTML内では、「.」は書かない。

WordPressでは主に３つの機能をよく使います。①：更新前にブラウザ上でカスタマイズしたいコードを仮に書いて見え方をチェックする。②：パソコンでスマホ表示された場合のレイアウトをチェックする。③：CSSやHTMLコードの中身を確認する。