프론트엔드 첫걸음

<body style="margin:0px"> 그리고 CSS reset 본문

개발 공부/CSS

<body style="margin:0px"> 그리고 CSS reset

차정 2022. 7. 4. 15:18

<body style="margin:0px">

body태그에 기본 마진이 있으므로 body 태그에 마진을 0으로 만들어서 의도하지 않은 공백을 없앤다.

이처럼 기본적으로 주면 좋은 효과들이 있다.

김버그님은 항상 이렇게 시작한다.

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

 

테이블 칸 끼리의 간격 없애는 효과도 항상 필요할 것 같다.

table {
  border-collapse : collapse;
}

 

 

 

 

 

 

검색해보니 읽을만한 글이 많았는데, 아직 이해하려면 멀은 것 같다.

 

https://velog.io/@teo/2022-CSS-Reset-%EB%8B%A4%EC%8B%9C-%EC%8D%A8%EB%B3%B4%EA%B8%B0

 

2022 CSS Reset 다시 써보기!

..2022년 지금은 CSS Reset을 어떻게 만들어야 할까? 하는 생각이 들었습니다. 그래서 여러가지 관련자료와 애플, 네이버, 다음, 인프런, 오늘의 집, MS, 에어비엔비, 디스코드, 슬랙등의 CSS를 보면서

velog.io

 

 

'개발 공부 > CSS' 카테고리의 다른 글

input의 실제 width 는 100% + 20px  (0) 2022.07.05
position의 기능, 가운데 정렬, z-index  (0) 2022.07.04
margin-collapse  (0) 2022.07.04
배경이미지 넣기  (0) 2022.07.04
inline-block 사용하여 기본 레이아웃 만들기  (0) 2022.07.04
'개발 공부/CSS' Related Articles more