CSS #4 그리드

<div> - 단순히 디자인을 위해 사용되는 태그. 묶을때 편리. block level

<span> - div와 비슷, 단 inline level

​

<style>

#grid{

display:grid;

grid-template-columns: 150px 1fr;

}

왼쪽 오른쪽으로 그리드를 나누고 왼쪽을 150px 너비, 오른쪽을 나머지로 설정.

​

xfr yfr -> x:y 비율로 나눈다.

​

caniuse.com

HTML, CSS 지원되는 곳 알려주는 매우 유용한 사이트.

​

#grid ol{

..

}

grid가 id로 있는 태그가 부모인 자식 태그를 가리킨다.

​

#grid #article {

..

}도

가능하기는 하다.