본문 바로가기
프론트엔드 개발자/CSS

css reset폴더 만들기

by 신디블로그 2023. 3. 29.
SMALL
@charset 'UTF-8';

/* 여백초기화 */
html, body , h1, h2, h3, h4, h5, h6, p, ol, ul, li, dl, dt, dd, table, tr, td, th, caption, div, span, form, fieldset, legend, input, select, textarea, button, img, a, header, main, footer, nav, section, article {
    margin:0;
    padding:0;
}


/* 리스트타입 초기화 */
ol, li {
    list-style: none;
}

/* 이미지, 필드셋 테두리 제거 */
fieldset, img {
    border:0 none;
}

/* 타이포 설정 */
body, h1, h2, h3, h4, h5, h6, th, td, input, select, textarea, button {
    font-family: '맑은 고딕', sans-serif;
    font-size: 16px;
    color:#111;
    line-height: 1;
    letter-spacing: -1px;
    font-weight: normal;
}

/* 링크요소 장식제거, 색상변경 */
a {
    text-decoration: none;
    color:inherit; /* 상위요소의 색상값 상속받기 */
}

/* 박스계산법 변경하기 border-box로 변경하기 */
/* width값에 ( border+padding이 포함되서 계산됨 ) */
*,
*::before,
*::after {
    box-sizing: border-box;
}

/* 숨김요소 */
.blind {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip-path: polygon(0 0,0 0,0 0);
}
LIST

댓글