css-반응적 웹,미디어쿼리,캐싱

1.반응적 웹, 미디어쿼리

각각의 화면 크기가 변화하는 것에 최적화된 환경을 만드는 것.

*개발자 도구
:우클릭>검사>화면 크기 알 수 있다

< style>
@media(min-width:800px) {
} <중괄호 빼먹지 말자..

@media > 미디어 쿼리
min-width = screen width<800px = 최소가 800
max-width = screen width>800px = 기본값이 800이라고 생각하기.

*화면의 종류에 따라 어떤 조건이 만족할 때에만 미디어쿼리 동작함

*grid 형식
A B

*block 형식
A
B

---

2. 캐싱

   < link rel="stylesheet" href="style.css">
   < /head>

   중복 제거, 재사용성 올라감, 가독성 올라감. style.css파일만 바꾸면 되니까 효율적임