inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

<1만 시간의 법칙> 웹 페이지 제작하기

HTML

HTML 강의내용 중

326

say

작성한 질문수 1

1

12:41초 정도에 div태그 btn_wrap을 선언하시고 

그 안에 start_btn 과 click_img를 담으시는데요

두가지 궁금한 점이 있습니다!

첫번째는 개발자 도구를 확인해보니 btn_wrap 영역과 start_btn영역의 크기가 동일하여 중복되는것처럼 보여져서wrap으로 감싸고 있는 이유가 잘 이해 되지 않습니다.

또 두번째는 start_btn영역과 btn_wrap영역이 일치되어 있는데 그 안쪽으로 div태그 click_img가 들어오는 것도 이해되지 않아서 질문드립니다! start 안쪽에 그리고 btn_wrap 바깥쪽에 선언되면 안되는걸까요?

HTML/CSS vscode javascript

답변 2

1

say

이른시간 답변 감사드립니다! 설명내용이 이해하는데에 도움이 되었습니다!! 답변내용 참고하면서 다시 한번 복습해보도록하겠습니다. 좋은 퀄리티의 강의와 자료 제공 감사드려요~!

1

-J-

안녕하세요 좋은 질문 감사합니다 :)

첫번째 : 말씀하신것 처럼 btn_wrap 영역과 start_btn영역의 크기가 중복되어 있는것 처럼 보이는 이유는 click_img 요소가 position:absolute 라서 normal flow 에서 벗어났기 때문입니다. 때문에 wrap 으로 감싸고 있는 이유는 position:relative 속성을 주기 위해서 라고 볼 수 있겠습니다.

두번째 : click_img 가 btn_wrap 의 형제 요소로 쓰여도 좋습니다. 저도 좋은 제안이라고 생각합니다! 또한 아예 click_img요소를 제거하고 btn_wrap 의 ::after 속성으로 가상요소로써 이미지를 넣을수도 있다고 생각하구요. HTML 태그는 심플 하면 심플할 수록 좋습니다. 다시 한번 좋은 제안 감사합니다 :) ㅎㅎ

class 이름을 section__title이라고 짓는 것에 대해서

0

10

2

수업자료와 노션 공유 문제

0

24

3

안녕하세요 한번 더 문의드립니다.

0

39

4

23강 질문드립니다, 강사님.

0

26

1

81강 실습 자료 없음

0

35

2

선생님 공유해주신 핸드북에 링크가 몇개 잘못되었어요

0

32

2

62강 실습자료가 잘못되었습니다.

0

30

1

코드 자료는 없는걸까요?

0

64

3

강의 목표

0

37

1

깃허브에서 URL이 주어지지 않아요

0

409

1

.intro_saying 과 .intro .intro_saying 의 차이

0

336

1

공부하면서 내용들

0

460

1

VSC코드 기본프로그램 설치 주피터노트 파이썬이 안나와요

0

355

0

깃헙

0

327

1

Notion 링크 위치

0

287

1

.title_img img css 작성 문의 드립니다.

0

242

0

window store에서 ubuntu 설치

0

219

1

div클래스를 나누는 기준

0

262

1

html 질문 있습니다!

0

354

1

ubuntu 설치 이유

0

237

1

깃허브에 들어가도 검색이 안되네요 .. ?

0

324

1

컨텐츠 영역의 높이 차이

1

401

1

코드 자동생성 질문합니다.

0

341

1

CSS- 1부

0

377

1