CSS- 그리드

4292 단어 htmlhtml

🌷디자인을 위해 묶는 태그

1) div태그

block level element

1) span태그

inline level element

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <style>
      #grid{
        border:5px solid pink;
        display: grid;
        grid-template-columns: 150px 1fr; /*navigation은 150px쓰고 article은 나머지 공간 다 쓴다*/
      }
    div{
      border:5px solid gray;
    }
    </style>
  </head>
  <body>
    <div id="grid">
      <div>NAVIGATION</div>
      <div>ARTICLE</div>
    </div>
  </body>
</html>
ch7_RECURSIVE_CODE
IE 브라우저 전용 레이블

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage