본문 바로가기

CSS소스

CSS 핵 실험 모든브라우저에서 핵실험 하였습니다.. 결과적으로 크롬과 사파리 단독 핵은 찾질 못했다는 유감 입니다. test 더보기
CSS 핵 사용법 CSS 핵 사용법 CSS/웹이야기 코딩기준을 div { width:100px; }으로 잡고 이코드를 CSS 핵으로 사용했을때 입니다. 01. 언더스코어(언더바) 핵 ( _ ) : div { _width:100px; } - Win IE 4~6에서만 스타일만 적용 02. 닷핵 ( . ) : div { .width:100px; } - Win IE 6~7에서만 스타일 적용 03. 해시 핵 ( # ) : div { #width:100px; } - Win IE 5.5~6, Mac IE 5, Opera 7, Mozilla 계열, Firefox에 스타일 적용 04. 스타 핵 : *html div { width:100px; } - Win IE 4~6, Mac IE 4~5에 적용 05. 스타7 핵 : html*div { .. 더보기
CSS 핵이란? CSS 핵 UI개발 스토리 브라우저마다 HTML렌더링하는 방식이 조금씩 차이가 나고, 때로는 버그가 존재하는 관계로(망할 IE) 모든 CSS 코드가 모든 웹브라우저에서 똑같이 보이지 않습니다. 따라서 이러한 특성을 이용하여 특정 브라우저를 제외하거나, 특정 브라우저에서만 CSS를 적용하는 기법을 CSS 핵(Hack) 이라고 부르죠... 그래서 문법적으로 맞지 않거나, 특정 브라우저에만 적용되는 비표준인 경우가 많기 때문에 이러한 CSS핵은 어쩔 수 없는 경우가 아니면 사용하지 않아야 합니다. 또한, 단순히 눈앞의 문제만을 해결하기 위해 핵을 사용하면 나중에 페이지를 수정하거나 브라우저의 버전이 올라갈 때에 문제가 생기는 경우도 있구요. CSS핵은 이런게 있다는 것도 알아두고, CSS핵을 사용하기 이전에 .. 더보기