인프런 커뮤니티 질문&답변

일단 font-size: 0로 img의 마진을 없애는건 실무에서는 쓰이지 않습니다.

웹디자인 기능사 실기시험에서 font-size: 0를 사용하지 않으면 가로 슬라이더의 경우 아래 html 기준으로 설명할게요.

<a href="#none1"><img src="images/slide-01.jpg"></a>
<a href="#none2"><img src="images/slide-02.jpg"></a>
<a href="#none3"><img src="images/slide-03.jpg"></a>

font-size: 0로 하지 않으면 아래처럼 CSS를 해야합니다. 실무에서는 아래처럼 하는 것이 맞지만 실기시험에서는 해야할 것이 많으면 그만큼 시간도 걸리고 실수할 수 있어서 시험을 위한 방법으로 font-size: 0 사용한거에요.

.slide > div a {

  float: left;

}

.slide > div a img {

  display: block;

}