inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌2)

코딩 질의

229

mori

작성한 질문수 1

1

수업 들으면서 따라하다가 궁금한 점이 있어서 문의드립니다, 

1. position: absolute 를 쓸 때 left: 0 이 기본값인지 생략해도 되는 것인지 궁금해요

2.background: url(...) no-repeat left top ; 에서 위치에서 left top으로 쓰든 top left쓰든 순서는 상관없나요 ?

3. 예를 들어 section > .inner > h2 구조일 때, css로 section h2 이렇게 쓰면 안되고 section .inner h2 이렇게 다 써줘야하나요? 어떤 경우에 어느 정도가 생략 가능한지 궁금해요

 

jquery HTML/CSS javascript

답변 1

1

코딩웍스(Coding Works)

1. 답변

position: absolute 를 쓸 때 left: 0 top: 0가 기본값인 경우가 대부분입니다.

대부분이라는 말이 이상한데 아주 가끔 기본값이 아닐 때가 있더라구요.

어떤 조건에 이런지는 모르겠습니다. 그래서 확인 차원에서 position: absolute 를 쓸 때 left: 0 top: 0 주는게 좋습니다.

2. 답변

순서는 관계없습니다. top이 좌우를 말하는게 아니고 위아래를 말하는거라서 브라우저가 알아서 판단합니다.

3. 답변

선택자 만드는 방법은 제작자 성향에 따라 많이 다릅니다.

section > .inner > h2 이런 경우는 자식선택자(>)를 반드시 써야 하는 경우가 아닌데 습관적으로 사용하는 경우라 좋지 않은 방식입니다.

section .inner h2 경우와 section h2 경우 어떻게 할 것인가인데 2가지 경우 css 작동은 같습니다. 하지만 부모요소부터 작성하는 선택자 방식을 했다면 중간에 .inner를 빼는 것 보다는 section .inner h2 라고 적는게 바람직합니다.

pointer-event:none;

1

77

1

실전 반응형 웹사이트 이미지 다운

1

80

2

87.JavaScript & jQuery - 유효성 체크 애니메이션 로그인폼(3)

1

66

2

목소리 좀 키워주세요.

1

136

2

PDF파일은 어디있나요?

1

183

2

실전 반응형 웹사이트

1

155

2

강의 내용 pdf가 제공되나요?

1

173

1

flex 가 부트스트랩 5 에 추가되었는데 float 를 실무에서 아직 많이 사용하나요 ?

1

219

1

다크모드 버튼 만들때 왜 <button> 이 아닌 <div> 를 사용하나요 ?

1

195

1

실전퍼블리싱 카테고리 탭메뉴 안에 Slick.js가 안먹힙니다ㅠㅠ

1

394

2

scss에 active 적용하는 방법

1

322

1

반응형이 안먹힐때 뭐가 문제일까요?? ㅜㅠ

1

1188

2

실전 넷플릭스 6 footer부분

1

270

2

.dark 적용 하는 법

1

214

1

JavaScript & jQuery - 검색창 확장하기(3)에서

1

304

2

포트폴리오 CSS Grid 반응형 레이아웃에서

1

295

1

폰트어썸 4.7 아이콘

2

481

1

넷플릭스 공식사이트 수업 header

1

237

1

JavaScript & jQuery - 푸터 패밀리사이트 셀렉트 커스텀 스타일(2)

1

554

2

loginForm input type=email, password 위치 css 오류

2

416

1

이미지 전환 후 잔상 효과

1

1313

4

안녕하세요. jquery 슬라이더에 대해 질문 있습니다.

1

298

1

btn 을 block 이 아닌 inline-block 으로 바꾸신 이유가 궁금합니다

1

491

1

flex나 grid 로 구현하는것과 비교하면 어떤가요?

1

420

1