< Code diaries />

오늘은 HTML문서에서의 프린트 설정에 대하여 알아볼게요웹 페이지를 디자인 할때 Screen 에서 보이는 모습을 CSS로 스타일링 하게 되는데요,페이지 중 인쇄를 제공해야하는 페이지들은 별도로 인쇄용 CSS를 정의하게 됩니다.그 방법을 몇가지 소개해볼게요 1. CSS 파일 내부에서 @media로 프린트 css 지정하기css 내부에서 사용할때에 할 수 있는 방법입니다.아래 코드를 보면 @media print 구문을 이용하여 프린트할때에 문서의 배경색과 글자색을 변경하고 있습니다. * { margin:0;padding:0}body { background-color:black; color:#fff;}p { line-height:2; max-width:800px; margin:0 auto;}@m..

STEP 1. Extension에서 'Print'라고 검색해서 설치합니다.   STEP 2. 인쇄하고싶은 코드화면에서 마우스 우클릭하여 프린트화면을 미리보기합니다.(Print preview)  STEP 3. 브라우저에 코드가 보이면 마우스 우클릭하여 'Print'메뉴를 선택하여 설정에 맞게 인쇄합니다.