CSSの書き方は千差万別です。 コーディングを学べる教材やスクールでは、CSSの基本的な書き方(横並びならflexを使うなど)はもちろん解説されていますが、実務でコーディングをする際に「気をつけるべきこと」はあまり解説されていない印象です。 なので今回は、実務でコーディングをする際に気をつけることを解説していきます。この記事に書いた内容を意識すれば実務でも通用するコードを書けるようになるはずです。 transition を指定する時はプロパティも指定する hoverなどのアニメーション対象の要素にtransitionを指定する際、transition: .2s;のような書き方はNGです。以下のようにアニメーションさせるプロパティのみを指定しましょう。 /* Bud... */ a { transition: .2s; } /* Good!! */ a { transition: opaci
![脱初心者!CSSを書く時に意識するべきこと](https://cdn-ak-scissors.b.st-hatena.com/image/square/ba1ccbd09f51adb3db61339c2a5c7fce0d4bebfd/height=288;version=1;width=512/https%3A%2F%2Fweb-guided.com%2Fwp-content%2Fuploads%2F2021%2F11%2FFrame-27.jpg)