画像サイズの変更

こんにちは。WEBディレクターのひよっこです。

今日は画像サイズの変更についてです。

HTML上で画像のサイズを変更する際は、<img src=“画像パス”  width=“数値” height=“数値”>のwidthとheightの数値を変更するのが正解です。
ただ、HTMLだけでなくCSSでも画像サイズを変更することができます。

むしろ、デザインなどの処理はHTMLファイルから切り離しておくべきという考え方があることからCSSの方に記述するのが一般的なんだとか。
HTMLで設定されたclass先にあるwidthとheightの数値を変更することで、画像サイズを変更できます。

HTMLにもCSSにもサイズの記述するのか?となんとなくもやもやしていたので少しだけ理解できました。