기본 스타일 설정
- reset.css에는 기본 폰트, 폰트 크기, 텍스트 색상, 및 배경 색상 설정이 이미 포함되어 있다.
- 디자인 페이지들을 파악하고 기본 값을 (기본 폰트, 폰트 사이지, 텍스트 컬러, 배경 컬러) 디자인에 맞게 먼저 수정 해야 한다.
- input, textarea의 padding, width, border를 수정
폰트
폰트 사이지
폰트 색상, a택
기본 reset.css
/* standard css start */
*, :after, :before{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
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: 80%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
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;
}
html, body {
font-size: 16px;
width:100%;
line-height: normal;
font-family:'Noto Sans CJK KR','sans-serif';
-webkit-text-size-adjust:none;
color:var(--bs-black);
background-color: var(--bs-white);
}
input[type=text], input[type=password], textarea{
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline: none;
}
/* link */
a {text-decoration:none; cursor:pointer; color:var(--bs-black);}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:active {text-decoration:none;}
a:hover {text-decoration:none;}
a:focus {text-decoration:none;}
*:focus {-webkit-tap-highlight-color: #797979,}
:root {
--bs-white: #fff;
--bs-black: #000;
--bs-primary: #1e90ff;
--bs-secondary: #ffffff;
--bs-success: #198754;
--bs-info: #0dcaf0;
--bs-warning: #ffc107;
--bs-danger: #dc3545;
--bs-light: #f8f9fa;
--bs-dark: #212529;
}