CSS에 대한 브라우저의 지원은 시장 점유율을 가진 인터넷 익스플로러를위한 CSS 개발에 뒤떨어져 CSS 2.1에 대한 전체 지원을 완료했으며 CSS의 최신 개발은 다음과 같습니다. CSS 3 사양은 절반 이상을 수행했습니다. 그러나 이것이 우리가 CSS에서 새로운 기술을 사용하는 것을 막지는 않습니다. CSS에서 일반적인 기술을 사용하는 것처럼 자유롭게 적용 할 수는 없지만 특정 브라우저에서보다 생생한 결과를 얻을 수 있습니다. 올바른 장소에서 이러한 새로운 기술을 사용하면 CSS 기술의 최전선에 서있을 수있을뿐만 아니라 작품을 상쾌하게 느끼게 할 수 있습니다. 새로운 CSS 기술 : 모든 브라우저에서 지원을받을 것으로 기대하지 마십시오. 1 행에서는 값 속성을 가진 모든 양식의 높이를 25px로 설정할 수 있습니다. 그러나 인터넷 익스플로러 6 에서이 작업을 수행하는 것은이 "새로운 CSS 기술"이 지원되지 않기 때문에 완전히 효과가 없습니다. 그러나이 새로운 기술은 Internet Explorer 8에서도 지원되지 않습니다. 현재는 Firefox, Safari 및 Chrome에서만 지원 되며이 지원은 Firefox, Moz -Radius, Safari 및 Chrome 사용 -Wekit에서 완전히 지원되지 않습니다 - 반경.
Microsoft는 인터넷 익스플로러 5.5 ~ 8.0의 각 버전의 브라우저에 대한 CSS의 지원 수준을 발표했습니다. CSS 2.1에 대한 완전한 지원은 Internet Explorer 8.0까지 완료되지 않았으며 Internet Explorer 7.0에서 사용할 수 없습니다. CSS 2.1의 속성 선택기는 매우 유용합니다. 즉, 현재 시장의 40% 이상을 차지하는 Internet Explorer 6.X 사용자를 위해이 기술을 사용하여 포기해야합니다. 예를 들어:
[value] {높이 : 25px}
[href = http : //www.dudo.org/] {색상 : 빨간색;}
CSS 3에서는 Attribute Selectors가 더 강력한 기능을 갖추고 있습니다. 2 예를 들어 CSS 3에서는 매우 간단 해져서 둥근 코너 모양을 달성하려면 다음 코드 만 있으면됩니다.
<div style = "radiu : 5px"> 이것은 둥근 코너 </div>입니다
이것은 CSS의 새로운 기술로 모든 브라우저에서 동시에 완전히 설명 할 수 없습니다.
새로운 CSS 기술은 CSS 해킹이 아닙니다
CSS 해킹이란 무엇입니까? CSS Hack은 브라우저의 CSS 응용 프로그램에서 일부 단점을 사용하여 CSS 규칙의 적용을 개별적으로 구현하는 방법입니다. 예를 들어, _property를 사용하여 IE7, 8 및 기타 버전의 IE를 구별하고 *속성을 사용하여 IE 및 비 EI 브라우저 등을 구별 할 수 있습니다. 그러나 이러한 모든 CSS 해킹은 표준 CSS 사양이 아니며 W3C 검증을 전달하는 것은 모두 잘못된 CSS 규칙입니다. 그러나 새로운 CSS 기술은 표준 CSS 사양이지만 일부 브라우저는 지원할 수 없습니다.
또한 해킹으로 새로운 CSS 기술을 해결할 수 없습니다. 다른 브라우저의 박스 모델이 일관성이없는 경우 CSS 해킹을 통해 수정할 수 있지만 인터넷 익스플로러가 둥근 직사각형을 지원하지 않는 문제는 추가 XHTML 또는 사용을 사용하는 것입니다 배경 이미지.
따라서 새로운 CSS 기술은 CSS 해킹 유형이 아니며 정통 CSS 사양입니다.
새로운 CSS 기술의 적절한 사용
앞에서 우리는 새로운 CSS 기술을 모든 브라우저에서 지원할 수 없다고 언급했지만 CSS 해킹 기술을 사용하는 것과 같은 다른 브라우저에서 동일한 효과를 얻을 수 없다고 언급했습니다. 그러나 이것은 우리가 그것들을 사용하는 것을 막지 않습니다. 사용에 영향을 미치지 않고 브라우저에 추가 사용을 추가하는 것이 더 매력적이지 않다고 상상해보십시오. 또한 CSS 해킹과 같은 불규칙한 CSS 규칙을 추가하지 않고이 효과를 달성했습니다. 따라서 적시에 CSS 기술을 적절히 사용하면 케이크의 착빙을 달성하여 웹 페이지를 쉽게 사용할 수 있습니다.