-
-
Save plora/a5d38c6cd0d16f2c58ee to your computer and use it in GitHub Desktop.
print 환경을 고려한 html&css 스타일
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <!-- 조건부 주석문 conditional comments --> | |
| <!--[if IE 6]> <html class="no-js lt-ie10 lt-ie9 lt-ie8 ie6" lang="ko-KR"> <![endif]--> | |
| <!--[if IE 7]> <html class="no-js lt-ie10 lt-ie9 lt-ie8 ie7" lang="ko-KR"> <![endif]--> | |
| <!--[if IE 8]> <html class="no-js lt-ie10 lt-ie9 ie8" lang="ko-KR"> <![endif]--> | |
| <!--[if IE 9]> <html class="no-js lt-ie10 ie9" lang="ko-KR"> <![endif]--> | |
| <!--[if !IE]><!--> | |
| <html class="no-js" lang="ko-KR"> | |
| <!--<![endif]--> | |
| <head> | |
| <meta http-equiv="X-UA-Compatible" content="IE=Edge"> | |
| <meta charset="UTF-8"> | |
| <title>HTML5 웹 표준 문서 기본형</title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <style> | |
| abbr,acronym {cursor: help;} | |
| /*! 프린트 스타일 */ | |
| @media print { | |
| * {background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } | |
| a, | |
| a:visited {text-decoration: underline; } | |
| a[href]:after {content: " (" attr(href) ")"; } | |
| abbr[title]:after {content: " (" attr(title) ")"; } | |
| .ir a:after, | |
| a[href^="javascript:"]:after, | |
| a[href^="#"]:after {content: ""; } | |
| pre, | |
| blockquote {border: 1px solid #999; page-break-inside: avoid; } | |
| thead {display: table-header-group; } | |
| tr, | |
| img {page-break-inside: avoid; } | |
| img {max-width: 100% !important; } | |
| @page {margin: 0.5cm; } | |
| p, | |
| h2, | |
| h3 {orphans: 3; widows: 3; } | |
| h2, | |
| h3 {page-break-after: avoid; } | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <abbr title="World Helth Organization">WHO</abbr> | |
| <ul> | |
| <li><a href="http://naver.com" target="_blank">NAVER</a></li> | |
| <li><a href="http://google.com" target="_blank">GOOGLE</a></li> | |
| <li><a href="http://nate.com" target="_blank">NATE</a></li> | |
| <li><a href="http://amazon.com" target="_blank">AMAZON</a></li> | |
| <li><a href="http://auto.daum.net/review/read.daum?articleid=151887&bbsid=27" target="_blank">단정한 왜건 볼보 V60, 터프가이로 변신[10]</a></li> | |
| </ul> | |
| <script src="js/app.js"></script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment