WhiteSpace › 함께자라기,애자일로가는길-김창준-2019 › 웹서비스제작용Ant설정파일 › 온라인민원서비스선진화 › Maven › 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