reset.css (+ rem, em, px 개념)

정승원·2023년 11월 23일
0

HTML/CSS

목록 보기
3/3
*{margin:0;padding:0;font:inherit;color:inherit;}
*, :after, :before {box-sizing:border-box;}
html, body {height:100%;}
img, picture, video, canvas, svg {display: block;max-width:100%;}
button {background:none;border:0;cursor:pointer;}
a {text-decoration:none}
ul {list-style:none}
fieldset{border:0;}
input{border:0;}
table {border-collapse:collapse;border-spacing:0}
/*
	rem : 루트(html) 사이즈 기준 폰트사이즈
    em : 부모폰트사이즈기준
    px : 고정px값
*/
html {
	font-size: 10.5px;
    line-height: 10.5px;
}
body {
	font-size: 1.4rem;
    line-height: 1.7rem;	
    
    color: #101010;
  	font-family: -apple-system, BlinkMacSystemFont, "Malgun Gothic", helvetica,
    "Apple SD Gothic Neo", sans-serif;
  	font-weight: 500;
  	letter-spacing: -0.4px;
}

참고
https://velog.io/@teo/2022-CSS-Reset-%EB%8B%A4%EC%8B%9C-%EC%8D%A8%EB%B3%B4%EA%B8%B0#%EC%A0%80%EB%8A%94-%EC%96%B4%EB%96%BB%EA%B2%8C-%EB%A7%8C%EB%93%A4%EC%97%88%EC%9D%84%EA%B9%8C%EC%9A%94

0개의 댓글