Inflearn Community Q&A
asked
이미지 슬라이드 여백없애는 font-size: 0 질문있습니다.
Written on
·
330
1
강사님 이미지 슬라이드 여백없애는 font-size: 0 질문있는데요
font-size: 속성은 폰트글씨 줄이는데만 사용하는걸로 알고있었는데
이미지 여백없애는데 font-size: 0 를 어떤 개념으로 주는건지 궁금합니다.
혹시 실무에서도 많이 쓰이나요?
웹 디자인jqueryHTML/CSS
Answer 1
0
codingworks
Instructor
일단 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;
}