inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

실전! 웹사이트제작! Step by Step! (뮤자인_반응형웹)

visual 영역 HTML 마크업 및 스타일 CSS 작성_1

img를 p로 감싸는 이유

787

꿈을위해서

작성한 질문수 3

0

안녕하세요 이미지는 그냥 이미지에 넣어서 하면 되는데

왜 p로 감싸써 하나요?

jquery 웹 디자인 인터랙티브-웹 HTML/CSS 반응형-웹

답변 2

0

꿈을위해서

바쁘신 와중에 답변해주셔서 감사드립니다~

0

J.영

꿈을위해서님~
답변이 늦어 죄송합니다. 제가 매일 들어와서 질문을 체크하는데 미처 보질 못했습니다 .죄송합니다 ㅜ.ㅜ

이미지를 p.img로 감싸는 이유는 img는 인라인요소여서 따로 마진이나 패딩등을 상하로 줄수 없어..특별한 효과(transfrom: scale();이나 호버효과, transition효과..등등을 줄 수 가 없어서 일단 블럭요소인 p로 한번 감싸고 그 안에 img를 넣는 것입니다.
블럭요소는 마진이나 패딩등을 줄수 있고, width나 height값을 줄 수 있어..좀 더 특별한 효과를 주기위함입니다~~

습관적으로 p.img로 감싸주면 좋겠지요? ^^

오늘도 좋은 하루 되세요^^

수업자료와 노션 공유 문제

0

11

3

'CSS Level 3: grid'의 정리본 PDF도 올려주시면 좋을 듯 합니다.

0

54

2

경력기술서는 어떤 방향이 좋을까요?

0

52

2

왜 https://via.placeholder.com/150 등 링크가 연결이 안되나요?

0

74

3

어플리케이션 실행 후 에러에 관하여 질문 드립니다.

2

60

2

26,27강 진행 간 노션, html 프롬프트 파일 불일치

0

67

3

<div id="banner">배너 이미지</div> 관련 질문

0

34

1

변수 설정 시에 질문입니다.

0

39

2

설치 및 설정 가이드 노션 자료는 없나요 ?

0

44

2

counter01.html은 어디있을까요?

1

30

1

수업자료 문의

0

39

2

part3. spy 쪽 / part3,part4 강의자료

0

57

2

최종 코드

0

62

2

Open AI 결제

0

75

2

figma 파일을 받을 수가 없어요

0

64

1

가로사이즈

0

312

0

스크롤시 배경시 바꾸는것이요

0

369

0

반응형 웹사이트 가로스크롤

0

1821

3

design 이미지 2가지 배경 적용에 따른 after

0

276

1

@media 767px 안에 @media 320px 코드가 들어가는게 맞나요?

0

232

1

뮤자인사이트에 반영되어있는 창크기 조절시 새로고침되는 방법에 대해 질문 드려도될까요?

0

503

1

reset.txt

0

238

1

0:22 느낌표+tab

0

344

2

수업자료

0

268

1