웹전반(표준)

10장 css 적용하기

gt1000 2012. 3. 13. 11:35
[책] Web Standards Solutions 웹 표준 첫걸음
에 나오는 내용중 중요한 부분만 정리하였다. 저작권이 문제가 될지도 모르겠다.

1 CDATA
 <![CDATA[
    .... css 선언문 ....
 ]]>
 - w3c 가 권고하는 대로 CDATA 코멘트 문법을 사용해 css를 해석하지 못하는 예전 브라우저들이 그 내용을 읽지 않도록 스타일 규칙을 감춤
2 대체 스타일
 rel 속성에 alternate stylesheet 값을 사용
 <link rel="stylesheet" type="text/css" href="default.css" title="default" />
 <link rel="alternate stylesheet" type="text/css" href="largetext.css" title="large" />
 <link rel=" alternate stylesheet" type="text/css" href="largertext.css" title="larger" />
 위의 세가지 글꼴크기 css 중에서 하나를 선택하는 것이 가능하다.
 웹 브라우저는 항상 default 스타일시트를 기본으로 표시
 large, larger 는 다운로드 되기는 하지만 다른 방법에 의해서 활성화된 후에야 사용 가능
 공통된 규칙만 덮어씀
 파이어폭스 -> 보기 -> 하위의 Page Style 메뉴를 통해서 원하는 스타일을 선택하고 활성화 가능
3 reset.css
 모든 브라우저는 각기 다른 기본 스타일을 갖고 일부러 css를 통해서 재정의 되지 않았을 때는
 html 엘리먼트들을 저마다의 방법으로 표시
 동일한 환경을 만들려면 초기화 스타일 시트 적용이 필요
 제일 위에
 @import url("reset.css");