2012. 3. 13. 11:35 웹전반(표준)
10장 css 적용하기
[책] 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");
에 나오는 내용중 중요한 부분만 정리하였다. 저작권이 문제가 될지도 모르겠다.
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");
'웹전반(표준)' 카테고리의 다른 글
12장 css로 레이아웃 잡기 (0) | 2012.03.13 |
---|---|
11장 인쇄를 위한 스타일 (0) | 2012.03.13 |
9장 마크업 용량 줄이기 (0) | 2012.03.13 |
8장 리스트의 고급 기능 (0) | 2012.03.13 |
7장 앵커 (0) | 2012.03.13 |