[HTML/CSS] 이상한 기본 스타일 없애기

리스트 점 제거

list-style: none;

링크 밑줄 제거

text-decoration: none;

버튼/인풋 기본 테두리 제거

border: none;

포커스 테두리(아웃라인) 제거

outline: none;

배경 제거

background: none;

이미지/요소 드래그 방지(브라우저 드래그)

-webkit-user-drag: none;

스크롤바 숨기기(브라우저별)

/* Chrome/Safari */
::-webkit-scrollbar { display: none; }

/* Firefox */
scrollbar-width: none;

커서 숨기기

caret-color: transparent;

+ React에서 기본 브라우저 margin, padding 없애기

/*app.css*/

html,body {
  margin: 0;
  padding: 0;
}

더 깔끔하게 가고싶으면

*, *::before, *::after {
  box-sizing: border-box;
}

body {
  margin: 0;          /* body 기본 8px 제거 */
}

h1, h2, h3, p, ul, ol {
  margin: 0;          /* 제목/문단/리스트 기본 margin 제거 */
  padding: 0;         /* ul/ol 기본 padding 제거 */
}