inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

contents 영역 제작하기 (section.premium영역)

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

1648

김태우

작성한 질문수 2

0

cover가 background의 속성이 아니라고 오류가 출력되어서 no-repeat center로 바꾸었더니 정상적으로 레이아웃이 적용되었습니다.  여기서 궁금한것은 cover는 background-size라는 속성에서 사용할수 있는데  background의 속성을 background-size: url(../img/con2_bg.jpg)no-repeat cover;로 작성해도 되는지에 대한 질문을 남겨봅니다.

웹 디자인 HTML/CSS

답변 2

0

김태우

아! 축약을 하신거였군요!  답변주신대로 작성하였더니 오류가 해결되었습니다! 

감사합니다! CSS에서도 배울게 많은것 같네요!

0

J.영

안녕하세요 태우님 ^^ 질문 감사합니다

  제가 작성한 소스는 background 속성의  축약 표현입니다.

background: url(../img/con2_bg.jpg)no-repeat center/cover;

이 소스는

background-image: url(../img/con2_bg.jpg)

background-repeat: no-repeat;

background-position:center 

background-size: cover;   

이속성들을 축약한 표현입니다   태우님께서 소스 오류가 난 이유는 '/' 가 빠져서 입니다

축약형 구문에 background-size 값을 포함하려면  background-size 값 앞에 background-position 값을 작성한다.

이 두 값 사이에 슬래시를 넣어야 합니다 ^^  그럼 오류가 해결되실겁니다^^  

'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

38

2

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

0

43

2

counter01.html은 어디있을까요?

1

29

1

수업자료 문의

0

38

2

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

0

238

1

width100%궁금합니다~

0

225

1

리셋에 대한 질문

0

229

1

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

0

765

2

float:left 질문입니다!

0

223

1

잘못 구입한거 같네요..

0

201

1

강의자료 다운로드 문의

0

257

1

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

0

160

0

float

0

176

1

text-align

0

328

4

animation widthAni 줄때 .txtImg에 overflow:hidden

1

309

1

after와 before의 차이

0

309

1

안녕하세요 강의 폴더

1

372

1

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

0

301

1