30일차(2022.02.07) _ Reset.css

reset.css 

 

- 브라우저별로 고유의 CSS가 기본적용됨
- 모든 브라우저에 동일하게 맞추기 위해 CSS를 초기화하는 작업
- 개발자(디자이너)가 직접 만드는 경우도 있고 만들어진 파일을 사용하는 경우도 있음

 

설명1. reset.css 예시

* {
    margin: 0;
    padding: 0;
    
}

a {
    text-decoration: none;
    color: black;
}

 

모든 Element간의 간격과 Contents간의 간격들이 없도록 초기화하기 위해 

*로 선택을 해서 이처럼 초기화를 해준다.

 

a태그를 통해 링크를 걸 경우에는 굳이 글자색이 파란색으로, 중간선이 그어지지 않아도 되기 때문에

이처럼 초기값을 세팅해주어도 된다.

 

내 입맛에 맞게, 브라우저가 초기에 설정해놓은 CSS에 영향을 받지 않게하기 위해 작성해놓는 소스코드이다.

링크를 할 때에는, 항상 HTML문서의 맨 위에 링크를 걸어야 한다.

그래야 초기에 설정이 되고 나중에 내가 CSS코드를 수정하더라도 영향을 받지 않는다.