wulin.com html 튜토리얼 칼럼으로 돌아가려면 여기를 클릭하십시오. CSS 튜토리얼을 탐색하려면 여기를 클릭하십시오.
위 : 마크 업 언어 - 웹 응용 프로그램 CSS 스타일 . 11 장 인쇄 스타일
이전에는 10 장에서 문서에 CSS를 적용하는 몇 가지 방법이 논의되었습니다. 이 장은 인쇄 스타일을 연구하고 페이지 인쇄에 특별히 사용되는 CSS 규칙을 지정하는 것에 관한 것입니다. 몇 가지 CSS 규칙만으로도 종이에 구조화 된 마크 컨텐츠를 인쇄하는 효과가 화면에 표시되는 것만 큼 좋습니다.
먼저 미디어 유형과 장치 제공과 관련된 CSS와의 관계를 살펴 보겠습니다. 인쇄 할 때 사용되는 스타일을 지정하는 방법은 무엇입니까?
이 질문에 대답하기 전에 개념에 익숙해야합니다. 즉, CSS 용 미디어 유형을 지정할 수 있으며 미디어 유형을 선언하면 스타일이 특정 미디어에서 작동 할 수 있습니다.
예를 들어, 컴퓨터 화면에서만 링크의 스타일 시트를 만들려면 다음과 같은 <link> 태그에 미디어 속성을 추가 할 수 있습니다.
<link rel = 스타일 시트 유형 = 텍스트 /css 미디어 = 스크린 href = screenstyles.css />
이전 코드는이 태그에 링크 된 스타일이 컴퓨터 화면에만 사용되도록 할 수 있습니다. 어쩌면 물어보고 싶을 수도 있습니다. 컴퓨터 화면 외에 어떤 미디어를 대상으로 할 수 있습니까? 대답은 ... 많은 선택이 있습니다. 미디어 유형
위의 예제에 사용 된 화면 외에도 선택할 수있는 많은 미디어 유형이 있습니다. 다음은 CSS2.1 표준 (http://www.3c.org/tr/csss21/media.html에서 제공)에서 W3C에 의해 정의 된 모든 인식 가능한 미디어 유형입니다. : All : Braille : Braille : 엠보싱 : ott-word 촉각 피드백 장치 핸드 델드 : Handheld 장치를위한 핸들드 : Perfid with with with with with with with with with and handeld) 인쇄 미리보기 모드 프로젝션을 사용하여 화면에서 컨텐츠 및 문서보기 : 예를 들어 대공 프로젝터를위한 투영 브리핑을위한 투영, 예를 들어, Pagination Content (http://www.w3.org/tr/css21/page.html)를 참조하십시오. 페이징 미디어 형식에 대한 자세한 내용 : 주로 컬러 컴퓨터 화면 음성에 적합 : 음성 합성기에 적합합니다. 참고 : CSS2에는 AURAL이라는 기능이 유사한 미디어 유형이 있습니다. 자세한 내용은 청각 스타일 시트 (http://www.w3.org/tr/css21/aural.html)의 부록을 참조하십시오. TTY : 고정형 텍스트 그리드 (예 : Telegraph 스위치, 터미널 또는 디스플레이 기능이 제한된 핸드 헬드 장치)를 사용하는 미디어에 적합합니다. 개발자는 TTY에서 픽셀 길이 장치를 사용해서는 안됩니다. TV : TV 타입 장치 (저해상도, 저 색상, 제한된 스크롤 기능 및 음향 효과)에 적합합니다.
이 장에서는 모든, 인쇄 및 스크린 미디어 유형에 중점을 둘 것입니다.
이전 페이지 1 2 3 4 5 다음 페이지 전체 텍스트 읽기