728x90
반응형
@charset "utf-8";
/* *****************************************
********************************** 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, 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,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
html {width:100%; height:100%; color:#666; font-weight:300;}
body {width: 100%; line-height: 1; font-size: 15px;}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/************************************************************/
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif !important;
font-size: 100%;
font-weight:300;
/*letter-spacing: -1px;*/
}
*::placeholder {font-size: 15px; color: #999;}
*:focus::placeholder {color: transparent; -webkit-transition: all 0.2s;-o-transition: all 0.2s; transition: all 0.2s;}
.float_l {float:left;}
.float_r {float:right;}
.hide {display: none;}
.overhide {overflow: hidden;}
.cboth {clear:both;}
.leftno {border-left:none !important;}
.bold{font-weight:bold; font-weight:500;}
.exbold{font-weight:bolder; font-weight:600;}
.lett_s {letter-spacing: -1px !important;}
ol, ul, li {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a {margin: 0; padding: 0; text-decoration: none; display:inline-block; color:#fff;}
button,
button:focus{border:none; utline:none; cursor:pointer; background-color:transparent; vertical-align: middle;}
.block{display:block;}
.in-bl{display:inline-block;}
.float_l {float:left;}
.float_r {float:right;}
.hide {display: none;}
.overhide {overflow: hidden;}
.cboth {clear:both;}
.leftno {border-left:none !important;}
.bold{font-weight:bold; font-weight:500;}
.exbold{font-weight:bolder; font-weight:600;}
.lett_s {letter-spacing: -1px !important;}
728x90
반응형
'IT록' 카테고리의 다른 글
[CSS/animation]애니메이션 마지막 상태 유지와 속성 (0) | 2021.09.17 |
---|---|
웹접근성과 웹표준에 대해 (1) | 2021.07.09 |
reset CSS (4) | 2021.07.06 |
본고딕 웹폰트 적용 [ Noto Sans CJK KR] (0) | 2021.07.05 |
[jQuery] 제이쿼리 최신버전 링크 (0) | 2021.07.01 |
댓글