[CSS] 기본 css 코드

:root{
  /* Color */
  --white-color: #fff;
  --black-color: #140a00;
  --blue-color: #045fd4;
  --red-color: #ff0000;
  --gray-dark-color: #909090;
  --gray-light-color: #e0e0e0;
  
  /* Size */
  --side-padding: 12px;
  --avatar-size: 36px;
  --base-space: 8px;
  --size-button: 60px;
  --size-border: 4px;
  --size-thumbnail: 50px;
  --font-size: 18px;
  
  /* Font Size */
  --font-large: 18px;
  --font-medium: 14px;
  --font-small: 12px;
  --font-micro: 10px;
}

*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body{
  font-family: Roboto;
}

ul{
  list-style: none;
}

/* 
선택
버튼 기본값 다 없애기
*/

button, button:focus{
  border: none;
  cursor: pointer;
  outline: none;
  background-color: white;
}

색, 사이즈, 폰트 사이즈를 변수로 미리 지정해놓고, 모든 아이템의 패딩과 마진을 빼고, box-sizing을 border-box로 함으로써 아이템배치를 더 편하게, 

그리고 body태그에 폰트를 입힌다.

 

내가 나중에 추가할거 있으면 또 추가하자