HTML 연습 : CSS, 반응형 웹

반응형 웹이란 화면의 크기에 따라 웹이 반응하는 것을 말합니다.

반응형 웹을 만들기 위해서 미디어를 사용합니다.

@media(max-width:800px) 라는 말은 screen width < 800 과 같습니다.

반대로 min-width:800px 라는 말은 screen width > 800 과 같습니다.

 

같은 내용에 해당하는 모든 CSS를 모든 html에 적용하는 방법은 

style.css와 같은 .css 파일을 하나 만들고 그 안에 적용시킬 내용을 적습니다.

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