css 그리드1 CSS Grid 그리드 기초 간단히 익혀보기 CSS Grid 템플릿을 이용해 웹 페이지 레이아웃 편집하기 아래와 같이 예제 태그를 작성합니다. body 영역에 Text Sample 3개를 각각 Div 태그를 지정합니다. 3개의 Div 태그를 묶는 개념의 부모 태그로 Div 태그를 쓰고 id를 "grid"로 지정합니다. 3개의 Div 태그에 굵기 5px 노란색 단선을 적용합니다. style 태그에 Div 태그를 선택자로 지정한 후 서식을 작성합니다. Text Sample.1 Text Sample.2 Text Sample.3 grid 템플릿을 이용해 이 3개의 박스를 하나의 영역으로 포함하여 나란히 일렬로 배치하기 노란색 테두리 선으로 둘러싸인 3개의 박스가 만들어졌습니다. 이 3개의 박스를 하나의 개념으로 묶기 위해 상위 개념의 div를 만들었으며,.. 2020. 8. 31. 이전 1 다음