FrontPage › 구글 엔지니어는 이렇게 일한다 - 타이터스 위터스 외 - 202206 › JavaFramework교육-20080825 › JUnit관련AntTestTarget예제 › css
1 tip #
- css for mobile
@media all and (max-width: 500px) { #foo { position: static; } } @media (max-width: 800px) { #foo { position: static; } }
@media only screen and (max-device-width:480px){ body{ background-color:red; }
- media type 사용법
@import url("print.css") print; @media (max-width: 800px) { #foo { position: static; } } @media print { font-size:12pt; }
<link rel="stylesheet" type="text/css" media="screen" href="screen.css" />
- CSS reset
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; }
- 자간 조정하기
letter-spacing:5pt