내 입맛에 맞춘 Reset.css

# 내 입맛에 맞춘 Reset.css

Reset.css 는 (브라우저간의 차이를 최소화시켜) 스타일을 초기화 시키고, 그 상태에서 디자인을 만들어나가기 위해 생겨났습니다.

아래의 reset.css는 자주 사용되는 초기화와,  여러 프로젝트를 경험하면서 추가 시킨

제 입맛에 맞춘 reset.css 입니다.

아래의 css 외에,  reset.css에 추가하면 좋을 듯한 여러분의 의견을 언제나 환영합니다  : )

reset.css (v.20180403)

html, body, div, span, 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, figcaption, figure,

footer, header, hgroup, menu, nav, output, ruby, section, summary,

time, mark, audio, video {

    margin:0;

    padding:0;

    border:0;

    outline:0;

    font-size:100%;

    vertical-align:baseline;

    background:transparent;

}

html, body {

    height:100%;

    /* font:normal 14px 'Noto Sans', dotum, '돋움', sans-serif;

       color:#333;

       letter-spacing:-0.5px; */

}

article,aside,details,figcaption,figure,

footer,header,hgroup,menu,nav,section {

    display:block;

}

ul, ol{

    list-style:none;

}

a {

    margin:0;

    padding:0;

    font-size:100%;

    vertical-align:baseline;

    background:transparent;

    color:inherit;

}

a:link, a:visited {

    text-decoration:none;

    color:inherit;

}

a:hover {

    text-decoration:underline;

}

table {

    border-collapse:collapse;

    border-spacing:0;

}

/*

caption, legend{

    position:absolute;

    left:-100000px;

    top:auto;

    overflow:hidden;

    margin:0;

    padding:0;

    border:0;

    width:0;

    height:0;

    font-size:0;

    line-height:0;

}

*/

input, select {

    vertical-align:middle;

}

ol, ul, li {

    list-style:none;

}

img {

    border:0;

    vertical-align:top;

}

fieldset {

    vertical-align:middle;

}