[CSS_03][WEB] 그리드

● <div>태그 : 컨텐츠 분할 요소

division으로 영역을 나누는데 사용하는 태그

 

웹사이트의 레이아웃을 만들 때 주로 사용합니다.

 

HTML 문서에서 특정 영역이나 구획을 정의하려고 할 때 사용합니다.

 

HTML 요소들을 하나로 묶어주어 CSS나 javascript로 특정 작업을 수행하기 위한 일종의 컨테이너(container)로 자주 사용합니다.

 

block level 요소로 혼자 한 줄 차지

 

<div>   </div>

 

● <span> 태그

텍스트의 특정 부분을 묶는 데 자주 사용합니다.

inline 요소

<span>   </span>    

 

● 그리드 만들기

<style>

     display:grid;

     grid-template-colums:1fr, 1fr;

</style>

 

fr은 자동 화면 조절 단위

 

● 웹 브라우저의 기술 채택 통계 서비스

https://caniuse.com/

Can I use... Support tables for HTML5, CSS3, etc