Viewport 화면에서 실제 내용이 표시되는 영역으로 뷰포트에 대한 설정이 되어 있지 않으면 미디어쿼리가 정상적으로 작동되지 않습니다. 뷰포트설정은 meta태그에 적용하는 방식과 css에 적용하는 방식으로 구분하여 적용할 수 있습니다. meadata 적용방법 <meta name="viewport" content=" ...

미디어쿼리 적용 방법 media [조건문] {code} 불러온 css문서 안이나 style 안에 직접 미디어쿼리를 작성하여 만족할 때 코드를 실행 시킵니다. @import url("css경로")[조건문]; 불러온 css문서 안이나 style 안에 @import규칙을 사용하여 조건을 만족할 때 문서를 불러옵니다. 안에 작성된 에 작성하여 조건을 만족...

CSS2.1 부터 미디어 타입으로 단말기 종류에 따라 각각 다른 스타일을 적용 시키는게 가능했습니다.하지만 미디어 타입만으로는 해당 기기의 특성을 적확히 판단하기가 어려워 많이 사용되지 않았습니다.CSS3은 위 미디어 타입을 개선하여, 좀 더 구체적인 조건으로 필요한

반응형 웹이란?? 디바이스 종류에 따라 웹페이지 크기가 자동적으로 재조정 되는 것을 말합니다. 어떠한 환경에서도 그에 맞게 사이즈가 변화되어 사용자가 보기 편리하게 만드는 웹에 적용되는 기술입니다. 하나의 html소스가 여러 장치에 최적화된 환경을 사용자에게 제공하기에 데이터 유지가 편리합니다. 모바일 퍼스트 모바일 퍼스트는 웹 디자인을 할 때, PC...

순서는 가장 큰 요소순으로 ! body의 자식요소로 크게 사용되는 영역을 wrapper라고 합니다. wrapper는 종속선택자로 구분하여 표기합니다. ; 앞에 div. 붙임 부모요소와 자식요소의 너비가 같을 때 너비지정을 하지않는다.