본문 바로가기

전체 글314

인쇄 - 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.
링크 색상 하이퍼링크의 색상 태그에서 바로 적용해도 됩니다. 하이퍼링크의 색상 하이퍼링크의 색상 그러나 마우스를 올렸을때(hover) 효과를 주기위해서 일반적으로 아래와 같은 방법을 더 많이 사용합니다. a:link는 방문한적이 없는 일반적인 링크를 의미합니다. a:visited는 방문한 적이 있는 링크를 의미합니다. a:active는 클릭하는 순간을 의미합니다. 클릭은 순식간에 이루어지기 때문에 이 부분은 구별이 잘 안갑니다. a:hover는 마우스를 올렸을때를 의미합니다. 위의 예제에서도 볼 수 있듯이 이 부분을 강조를 하는 경우가 많습니다. ※출처 : http://www.homejjang.com/ 2014. 1. 1.
스크롤바 색상 scrollbar 속성을 이용하면 스크롤바의 색상을 바꿀 수 있습니다. IE 5.5 이상 버전에서만 적용됩니다. 스크롤바의 각 부분의 명칭은 아래 그림과 같습니다. ※출처 : http://www.homejjang.com/ 2014. 1. 1.

티스토리툴바