본문 바로가기

www/CSS_tip51

인쇄 - 인쇄시 다음 페이지로 넘길 수 있는 page-break-before 속성 page-break-before 속성은 프린터로 출력할 때 다음 페이지로 페이지를 넘기는 것을 지정하는 Property입니다.홈짱닷컴은 홈페이지 제작 가이드란 부제를 달고 있는 만큼 홈페이지 제작에 필요한 다양하고 유익한 정보를 제공하겠습니다.홈짱닷컴은 홈페이지 제작의 가장 기본이라고 할 수 있는 HTML 부터 홈페이지를 운영하는 노하우까지 홈페이지에 관한 전반적인 정보를 제공하고 있습니다.block-level element 사이를 경계로 페이지를 나누기 때문에 반드시 block-level element에 지정해 주어야 합니다. 그러므로 P, DIV와 같은 block-level element가 아닌 요소에 적용하면 다음 페이지로 넘어가지 않습니다.홈짱닷컴은 홈페이지 제작 가이드란 부제를 달고 있는 만큼 .. 2014. 1. 1.
인쇄 - 보다 간단하게 특정 요소를 인쇄 안되게 하는 방법 인쇄용 CSS 파일을 독립적으로 만들지 않고 페이지 내에서 간단하게 특정 요소를 인쇄하지 않도록 하는 방법도 있습니다.광고본문위와같이 HTML 문서를 제작하면 모니터상에서는 광고와 본문이 모두 보여지지만 인쇄화면에서는 광고는 보여지지 않고 본문만 출력이 됩니다.인쇄미리보기 화면에서도 바로 확인할 수 있습니다.물론 클래스(.advertising)를 사용하지 않고 앞의 강좌에서처럼 아이디(id)를 사용하여 광고와 메뉴 부분을 인쇄되지 않게 지정할 수 있습니다.그리고 인쇄화면에서 보여지지 않게 하는 처리외에도 인쇄화면만의 스타일을 달리 적용할 수 있습니다.즉 인쇄화면에서의 스타일을 지정하기 위해서는 @media print 라는 속성을 사용하여 일반적인 스타일과 구분을 해주는 겁니다 ※출처 : http://ww.. 2014. 1. 1.
인쇄 - CSS를 이용한 인쇄화면 개선 웹페이지는 기본적으로 모니터상에 출력되는 것을 기본으로 하기에 인쇄시에는 만족할만한 결과물을 얻기가 힘듭니다. 그래서 현재까지 나와있는 대안으로서는 CSS를 이용하여 인쇄페이지를 좀더 개선하는 방법입니다.기본적인 개념은 "인쇄를 위한 CSS를 따로 만든 후 media 속성을 사용하여 인쇄시에만 적용되도록 한다"는 겁니다.CSS를 이용하여 인쇄 페이지를 좀더 효과적으로 개선하기 위해서는 아래와 같은 부분이 고려되어야 합니다.색상을 흑백으로 변경 : 보통 흑백 프린트를 이용하여 인쇄하죠?링크는 밑줄로 변경 : 흑백으로 인쇄하는 경우 이 부분이 링크인지 표시할 길이 없습니다. 그래서 링크에는 밑줄을 그어주는 것이 좋습니다.불필요한 부분은 제거 : 메뉴와 광고는 같이 인쇄될 필요가 없겠죠? 그리고 플래쉬나 불필.. 2014. 1. 1.
필터 CSS를 이용하면 다양한 필터효과를 낼 수 있습니다. CSS 필터효과는 IE에서만 적용됩니다. Blur Filter Blur Filter Blur Filter Glow Filter Glow Filter Glow Filter DropShadow DropShadow Filter DropShadow Filter ※출처 : http://www.homejjang.com/ 2014. 1. 1.

티스토리툴바