본문 바로가기 메뉴 바로가기

Just Make IT

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Just Make IT

검색하기 폼
  • 전체 글 보기 (143)
    • Frontend-dev (96)
      • HTML-CSS-JS (65)
      • react (30)
    • Backend-dev (36)
      • python (36)
    • Useful-tools (9)
    • computer (2)
  • 방명록

grid track cell (1)
css의 그리드(grid)를 알아봅시다.

그리드는 무엇이고, 어떨 때 사용될까요?grid는 display 속성의 값 중 하나입니다. 레이아웃을 짜는데 사용되기 위해 만들어졌습니다. .container {display: grid;} 위와 같은 형태로 선언하기만 하면 쉽게 사용할 수 있습니다. 왜 그리드가 만들어졌고, 레이아웃을 짜는데 사용하기 좋다고 할까요? 그러한 대답은 css의 flexbox와의 비교를 통해서 더 쉽고, 정확하게 알 수 있습니다. 이번 포스팅은 flex 박스와의 비교를 통해서 그리드에 대해서 좀 더 알아보고 미리 알아두셔야 할 용어와 개념들을 설명해보겠습니다. 그리고 그 다음에 그리드가 주어지는 부모에는 어떤 속성들이 따라오는지, 또 자식 엘리먼트에는 어떤 속성들을 줄 수 있는 지를 이어서 포스팅하도록 하겠습니다.flexbox..

Frontend-dev/HTML-CSS-JS 2018. 10. 27. 17:45
이전 1 다음
이전 다음
TAG
  • 반응형 웹 예제
  • 깃허브
  • 리액트
  • 리액트 라우터
  • 반응형 웹
  • python
  • es6
  • 플렉스
  • 파이썬 예제
  • responsive web
  • JavaScript
  • css
  • three.js 튜토리얼
  • 자바스크립트
  • flex
  • css grid
  • 장고 튜토리얼
  • React
  • 스크래핑
  • html
more
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday

Blog is powered by Tistory / Designed by Tistory

티스토리툴바