Lecture/CSS32 [스크랩] css3 media query에 대하여 미디어 타입(media type)은 단말기의 종류에 따라 각각 다른 스타일시트를 적용하게 하는 기능이며 CSS 2.1 부터 추가되었습니다. 하지만 실제로 많이 사용되지 않았는데, 미디어 타입 만으로는 해당 기기의 특성을 정확히 파악하여 알맞은 스타일을 적용시키기 어려웠던 문제점이 있었기 때문입니다. CSS3에는 미디어 타입을 개선하여, 더 구체적인 조건에서 필요한 스타일을 정확하게 적용할 수 있도록 확장하였는데, 이를 미디어 쿼리(media query)라고 합니다. 적용방법미디어 쿼리를 적용하는 방법은 크게 3가지가 있습니다.(1) 마크업에서 CSS파일 분기하기 스타일시트 파일을 분리하여 특정 조건에 부합할 경우 CSS파일을 로딩할 수 있습니다. 로딩하는 방법은 태그, @import 속성, xml 방식을.. 2013. 4. 16. [스크렙] css3으로 그라데이션 효과주기 CSS Gradient은 webkit에 의해 도입되었으나 많은 브라우져에서 호환이 되지 않는 문제로 인해 사용되어지지 않았습니다.하지만 지금은 많은 브라우져에서 그라데이션을 지원하여 CSS 만으로도 배경에 그라데이션 효과를 줄수 있습니다. 그러나 모든 브라우져에서 CSS Gradient를 사용할 수 있는 것은 아니니 유의하시기 바랍니다. 지원 브라우져 현황 Firefox >= 3.6MSIE > 5.5(!)Safari >= 4Chrome Webkit Browsers사파리와 크롬과 같은 웹킷 브라우져는 아래와 같은 규칙을 따릅니다. Firefox 3.6+Internet ExplorerCross Browser CSS Gradient를 위해서는 위 세가지 코드를 모두 사용하여 CSS를 정의합니다. 만약 그라데.. 2012. 6. 29. 이전 1 다음