time to wander

Media Query란? 스마트 기기의 화면 크기에 따라서 유동적으로 CSS 를 변경할 수 있는 쿼리 style 태그에서 @media 쿼리를 이용하여 기준이 되는 규격을 설정한다. 기준이 되는 화면 크기 안에서 조정하고자 하는 selector의 속성을 변경한다. 기준이 되는 규격은 최소 크기 (min-width) 또한 설정하여 범위를 세분화 할 수 있다.

01. Selector style 태그에서 각각의 속성 값을 지정하고 싶은 경우 selector를 이용한다. selector는 크게 3가지가 있으며 다음과 같다. tag ex. , class ( 이름 지정 가능) id ( 이름 지정 가능) selector에 따라서 CSS의 속성을 적용하는 범위가 다르며, 아래로 갈수록 범위가 구체적으로 좁혀진다. Selector 적용 우선순위: id > class > tag 하나의 태그 안에서 동일한 property에 selector가 2개 이상 설정되어 있어 충돌하는 경우 나중에 (style 태그에서 더 아래에) 작성된 selector가 우선한다. ex. 안녕하세요. 제 이름은 정주혜입니다. HTML 태그 중에는 페이지 전체를 구역으로 가지는 태그와 자신의 컨텐츠 만큼..