Background, Google Font link

section {

    width: 80%;

    height: 800px;

    background-image: url("");

    background-size: cover;

    background-position: center;

    margin: auto;

    background: url("") center/cover;

}

 

위와 같은 background 코드를 설명하면

background-image는 background에 사진을 삽입한다.

background-size는 background의 크기를 정한다. %, cover( selector를 전부 채움 ), contain( selector를 채움 but 짤림 ) 

background-postion은 입력된 image의 기준 위치를 정한다.

 

위 같은 내용들을 맨 아래 코드인 background 값에 한번에 넣을 수 있는데, 순서는 상관 없지만

postion과 size는 postion/size로 붙혀야지 인식이 된다.

https://fonts.google.com/