반응형
*{ padding: 0; margin: 0; } 의 뜻, 의미
웹사이트의 CSS 파일을 보다보면 아래와 같은 코드를 쉽게 접할 수 있다.
|
1
2
3
4
|
*{
padding: 0;
margin: 0;
}
|
cs |
이 코드는 무슨 의미일까?
브라우저마다 default padding 값과, default margin 값이 다 다르다.
그렇기 때문에 내가 설정한 CSS가 모든 브라우저에서 동일하게 보이게 하기 위해
padding과 margin 값을 0으로 초기화 하는 것이다.
이렇게 0으로 초기화 한 후 다시 padding 값과 margin 값을 설정하면
어느 브라우저에서 보이더라도 동일하게 보일 수 있다.
참고로 이 코드는 CSS reset 테크닉이라고 불린다.
반응형
'HTML, CSS, JavaScript' 카테고리의 다른 글
| [CSS] grid-template: repeat 사용 (0) | 2021.08.08 |
|---|---|
| [CSS] position 속성 사용법 (0) | 2021.08.08 |
| [CSS] overflow 사용방법 (0) | 2021.08.08 |
| [CSS] align-items, justify-content (flex) (0) | 2021.08.08 |
| [CSS] 100vh와 100%의 차이 (100vh vs 100%) (4) | 2021.08.08 |