Start CSS Grid

css grid

Downloads

  1. 동영상 강의 신청 CSS Grid — Learn all about CSS Grid with Wes Bos in this free video series!
  2. Firefox Developer 다운로드 Firefox Developer Edition
  3. 파일 다운로드 GitHub - wesbos/css-grid: Starter Files + Solutions to my CSSGrid.io Course

emmet

Emmet — the essential toolkit for web-developers

  • .container>.item*5
    <div class="container">
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
        <div class="item"></div>
      </div>
    
  • .item{$}*5
      <div class="item">1</div>
      <div class="item">2</div>
      <div class="item">3</div>
      <div class="item">4</div>
      <div class="item">5</div>
    
  • fz50
    p {
      font-size: 50px;
    }
    

CSS

자주 사용하는 나만의 색상이 있다면 따로 설정해 둘 수 있다.

  :root {
    --yellow: #ffc600;
    --black: #272727;
  }

  p {
    color: var(--yellow);
    color: var(--black);
  }

css-grid-fundamentals