프론트엔드 개발자/CSS
css reset폴더 만들기
신디블로그
2023. 3. 29. 15:11
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