inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

실전! 웹사이트제작! Step by Step! ('돕다' 사이트제작_Basic Course)

visual 영역 제작하기

after와 before의 차이

해결된 질문

293

manU

작성한 질문수 6

0

전 헤더영역에서   header nav .gnb li a:after 이부분에서 before로 적용하면 안나오고,

section.visual:before 이부분에서는 after를 해도 같은결과가 나오고 어떤 차이가 있는지 모르겠습니다 ㅠㅠ

웹 디자인 HTML/CSS

답변 1

0

J.영

manU님 before와 after는 position과z-index를 어떻게 적용하는냐에 따라 결과가 다를 수 있습니다.
쉽게 말씀드려서.. before면 요소의 밑에 생기고 after는 요소의 뒤에 생기게 되는데  position이나 z-index값에 따라 결과가 다르게 나올 수 있습니다. 감사합니다

섹션5 노션링크 는 따로 없나요?

0

18

2

Part 4에서 강의 연관 노션 정보들이 워드파일에 없습니다.

0

22

2

첨부자료 Part 4 코드 확인 부탁드리겠습니다.

0

18

2

선생님 각 강좌마다 예시로 보여주시는 웹페이지들은 어디서

0

16

1

퍼플렉시티 최소 결제단위 50달러로 바뀐 것 같습니다.

0

38

2

claude plugin 방법 자세히 부탁드려요

0

39

2

강의에 적용한 스크립트를 받아 볼수 있을까요?

0

38

2

최근 코테, 과제 테스트 트렌드

0

57

2

노션 25 인터렉션 구현 파트 안 보입니다!

0

36

2

파트3 13F부분도 짤린거같은데 확인해주세요

0

37

2

'VIEW' 라는 텍스트를 박스 가운데로 오게 만들 때

0

216

1

width100%궁금합니다~

0

206

1

리셋에 대한 질문

0

217

1

<span> 태그와 <div>, <p> 태그 관련 질문입니다!

0

733

2

float:left 질문입니다!

0

208

1

잘못 구입한거 같네요..

0

187

1

강의자료 다운로드 문의

0

239

1

section.global에서 애니메이션 질문

0

152

0

cover는 background 속성의 올바른 값이 아닙니다.

0

1613

2

float

0

166

1

text-align

0

307

4

animation widthAni 줄때 .txtImg에 overflow:hidden

1

294

1

안녕하세요 강의 폴더

1

361

1

영상 1, 2 자연스럽게 연결돈게 맞나요?

0

287

1