ひとつのソースで横幅を指示する方法はありますか？

Question

お世話になります。
PCでのページで、少し大きめにページを作成し、その画像を指定されたページサイズに縮小してアップしております。
画像ひとつひとつに横幅を合わせる指示を行っているのですが、
一番最初などにひとつのソースを入れるとそのサイズに合わせてくれる。。。というようなものはありますか？

１枚ものもあれば、横に2枚ならんでいる画像もあります。

Accepted Answer

ECマスターズの田辺です。

タグに直接サイズ指定を行う方法の他にも
CSS（と中）で指定する方法もございます。

こちらを活用していただくことで
タグに対して一括でデザインの指定をすることができます。

例えば以下のように記述をしていただくことで、
class="top"の中にある画像は500px、
class="lineup"の中にある画像は200pxという指定ができます。


.top img{/*半角スペースを空けることで .topの中にあるimgという意味になる*/
width: 500px;
}
.lineup img{
width: 200px;
}
















こちらでセレクタ（どのタグか）の指定方法などもご紹介しておりますので
参考にしていただけますと幸いです。
https://club.ec-masters.net/index.php?design_css

Answer

ありがとうございます！