더북(TheBook)

7. 그리드 레이아웃의 배치 속성

속성명

설명

grid-template-areas

그리드 레이아웃에서 행과 열을 이름으로 지정합니다.

grid-area

그리드 아이템에 이름을 지정합니다.

grid-column-start, grid-column-end

그리드 레이아웃에서 열의 시작 번호와 끝 번호를 지정합니다.

grid-row-start, grid-row-end

그리드 레이아웃에서 행의 시작과 끝 번호를 지정합니다.

grid-column

grid-column-startgrid-column-end 속성을 한 번에 사용할 수 있는 단축 속성입니다.

grid-row

grid-row-startgrid-row-end 속성을 한 번에 사용할 수 있는 단축 속성입니다.

 

8. 미디어 쿼리

미디어 쿼리는 사이트에 접속하는 미디어 타입과 특징, 해상도에 따라 다른 스타일 속성을 적용할 수 있게 하는 기술입니다.

형식

@media <not|only> <mediatype> and (<media feature>) <and|or|not> (<media feature>){
  /* CSS 코드; */
}
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.