7. 그리드 레이아웃의 배치 속성
|
속성명 |
설명 |
|
grid-template-areas |
그리드 레이아웃에서 행과 열을 이름으로 지정합니다. |
|
grid-area |
그리드 아이템에 이름을 지정합니다. |
|
grid-column-start, grid-column-end |
그리드 레이아웃에서 열의 시작 번호와 끝 번호를 지정합니다. |
|
grid-row-start, grid-row-end |
그리드 레이아웃에서 행의 시작과 끝 번호를 지정합니다. |
|
grid-column |
grid-column-start와 grid-column-end 속성을 한 번에 사용할 수 있는 단축 속성입니다. |
|
grid-row |
grid-row-start와 grid-row-end 속성을 한 번에 사용할 수 있는 단축 속성입니다. |
8. 미디어 쿼리
미디어 쿼리는 사이트에 접속하는 미디어 타입과 특징, 해상도에 따라 다른 스타일 속성을 적용할 수 있게 하는 기술입니다.
형식
@media <not|only> <mediatype> and (<media feature>) <and|or|not> (<media feature>){ /* CSS 코드; */ }