Mobile first

• 모바일 기기이지만, 미디어 쿼리를 지원하지 않는 기기가 많았다.
• 사람들의 모바일 접속하는 수가 늘어나니깐
• 데스크탑 부터 작성하면, 오버라이딩이 늘어난다… 폰의 CPU의 사용량이 늘어난다.
  • 모바일에서 지원하는 건 최대한 단순하게
• 단순한 구조에서 복잡한 구조로 가는게 조금 더 수월함.

<aside> 🚨 모바일 ⇒ 테블릿 ⇒ 데스크탑

</aside>

viewport

• 반응형 웹에는 viewport가 무조건 들어간다. (다만 그게 PC 전용이더라도)

웹 표준

• 월드 와이드 웹과 관련된 기술의 표준문법을 지켜서 코드를 작성!
• HTML, CSS, JS의 표준 문법을 지켜서 코드를 작성.
• 웹 표준만 잘 지켜도 웹 접근성은 90% 지켜짐
  • 예를들어 div태그로 클릭하는 거 만들고 cursor : pointer 를 건다. ⇒ 웹 표준성을 지키지 않음.
  • p 태그 ⇒ div로 쓴다?…
  • a 태그

Block / Inline 요소

• block : 한 줄이 가득 채워진다.
  • padding, margin, height 가능
• inline : 한줄에 계속해서 이어 진다.
  • padding, margin, height 불 가능

박스 모델