css 이미지사이즈 줄일 때

index.html

<div class="banner">

<a href="#none"><img src="images/banner-01.jpg" alt="banner"></a>

</div>

style.css

.banner {
  width: 350px;
  text-align: center;
}
.banner a img {
  height: 95%;
  border-radius: 5px;
  margin: 5px;
}

.banner img로 해야 하나요? .banner a img로 해야 하나요?

그리고 이미지사이즈 height로 줄일 때와 width로 줄일 때 적용 기준이 있나요?

시험 준비 하면서 갑자기 궁금해 졌습니다.

내가 하고 있는게 똑바로 하고 있는지