inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

CSS Flex와 Grid 제대로 익히기

figure tag

254

yesman

작성한 질문수 1

0

figure tag에서 스타일에 백그라운드 이미지를 주고

그안에 img 태그로 다시 주소를 주는 이유가 있나요? img태그가 없어도 작동하는데

없어도 되는건지 혹은 있으면 좋은 이유가 궁금합니다.

{flex 카드 ui만들때 썼던 부분에서 질문입니다.}

예시는 가령 이런식입니다.

 <figure class="contents-image" style="background-image: url(images/detail_exam.jpg)">
    <img src="images/detail_exam.jpg" alt="contents">
</figure>

flex HTML/CSS

답변 3

0

1분코딩

화이팅입니다! ^^

0

yesman

아하 정보로써 의미가 있으면 넣는게 좋고 아니어도 된다는 말씀이시군요. 감사합니다.

강의 잘보고 있습니다. 도움이 많이 되네요 ^^

0

1분코딩

아, 말씀대로 img 태그는 CSS에서 display: none;으로 처리해서 어차피 안보이기 때문에 안넣어도 되는데요,
이미지가 중요한 정보인 경우, 온전한 HTML 구조를 확보하는 차원에서 넣어 주었습니다.
CSS를 제거하고 페이지를 열어 보면 전체적인 HTML 구조가 눈에 들어오는데,
저는 이미지의 역할이 필수적이면 넣어주는 편이고 그다지 필수적이지 않다면 빼기도 하고 그렇게 합니다.

가로스크롤 과 margin: 0 -1rem 질문 있습니다

0

120

1

수업자료 다운로드

0

122

1

VS코드에 클래스 이름만 넣으셨는데 선생님이 뭘 누르면 바로 태그로 변하던데...

1

138

1

css grid repeat() 에서 autofit 사용시

0

184

1

menu 아이템 반응형 변경

0

102

1

질문은 아니고.. 오타 발견..

0

121

1

웹에서 위치?값

0

212

1

px, em ,rem을 어떻게 감각적으로 쓸 수 있을까요?

0

510

2

강의에 나오는 html 자동으로 만들어주는 편집기에 대해 알 수 있을까요?

0

310

1

flex-basis auto, 0 차이

0

711

2

padding 대신 gap을 쓰는게 더 편하지 않나요?

2

607

1

animation forwards 관련 질문

0

489

2

auto-fill, auto-fill이 적용되지 않는것 에 대해 질문드립니다.

0

560

1

flex-grow IE 질문드립니다.

0

625

2

Flex-grow가 적용되는 영역에 대해 질문드립니다.

0

437

1

Grid 수직정렬 문의

0

1076

1

card__item에 display:flex를 했을 때..

0

513

1

11vmin

0

419

1

header class 안에 div와 h2

0

577

1

grid 반응형 페이지 step1 질문있습니다~

0

282

1

반응형 페이지 step4 order

0

357

1

미디어쿼리 사이즈

1

287

1

figure + div

0

301

1

CSS Grid를 통한 정렬의 장점

0

248

1