*{
Margin: 0;
Padding: 0;
Box-sizing: border-box;
}
css를 본격적으로 시작하기 전에 위와 같이 전체 설정을 주면 인라인 박스, 블록 박스 등 각각의 요소가 가지고 있는 고유의 margin, padding 사이즈를 0으로 통일해주기 때문에 추후 사이즈를 설정하기에 편리하다.
box-sizing은 박스 크기를 계산하는 기준을 설정하는 것으로 border, 즉 테두리를 기준으로 사이즈를 계산하겠다는 뜻이다.
'SW공부 > HTML&CSS' 카테고리의 다른 글
[CSS] 넘치는 텍스트 컨텐츠 숨기고 '...' 찍기 (0) | 2023.07.12 |
---|---|
[CSS] filter: blur() 와 backdrop-filter:blur() (0) | 2023.07.12 |
[CSS] 박스 크기가 실제 설정한 값보다 클 때 (0) | 2023.02.15 |
[CSS] 컨텐츠가 박스 밖으로 넘칠 때 (overflow) (0) | 2023.02.15 |
[CSS] px 와 rem (0) | 2023.02.15 |