[JS] 학원 1일차 (07.19~07.25)

@charset "utf-8";

/* css 파일을 작성할 때 맨 윗줄에 꼭 작성! */

    <style>
        body {color: white; font-size: 30px;}

        /* 모바일버전(0~767) */
        @media screen and (max-width: 767px) {
            body {background-color: red;}
        }

        /* 태블릿버전(768~959) */
        @media screen and (min-width: 768px) and (max-width: 959px) {
            body {background-color: green;}
        }

        /* 데스크탑버전(960~) */
        @media screen and (min-width: 960px) {
            body {background-color: blue;}
        }
    </style>

/* 창 크기에 따라 배경색을 다르게 함 */

/* 데스크탑 width:1200px */

/* 태블릿 */
@media screen and (max-width: 959px) {}

/* 모바일 */
@media screen and (max-width: 767px) {}

/* 데스크탑 퍼스트일때 이므로 너비가 큰순서대로 작성해야함 (모바일이 태블릿보다 위에 있으면 안됨) 
+ 데스크탑에서 바뀌는 부분만 작성해주면됨 */