[모각코]9일차

• <div>
  • 블록 레벨 엘리먼트로 줄바꿈이 된다
• <span>
  • div와 차이점 inline block element
• grid
  • display: grid;
• 반응형 웹 디자인 (responsive web)
  
  • 화면 크기에 따라 웹 페이지의 각 요소들이 반응해서 최적화된 모양으로 바뀌는 웹
• 미디어 쿼리(media query)
  • @media(max-width: 800px){}
    • 화면크기가 800px보다 작을때 속성을 변경한다

      

      화면 크기가 작아졌을때 border들을 없애기

• <link rel="stylesheet" href="style.css"/>
  • style태그 대신 css파일을 만들어 연결시키는 방법
  • 캐싱(cache) : 저장
    • 네트워크 트레픽을 더 적게 쓸 수 있고 더 빠르게 웹을 보여줄 수 있다