CSS 적용 우선순위
1. 속성 값 뒤에 !important 를 붙인 속성 (ex: #id {color: black !important})
2. HTML에서 style을 직접 지정한 속성
3. #id 로 지정한 속성
4. .클래스, :추상클래스로 지정한 속성
5. 태그이름 으로 지정한 속성
6. 상위 객체에 의해 상속된 속성
-같은 우선 순위에 있는 경우, 부모-자식 관계가 많은 경우가 우선
-모든 설정이 같은 경우 나중에 선언한 것이 우선되어 적용(cascading)
상속
일부 CSS 속성은 현재 요소의 부모 요소에 설정된 값을 상속하지만, 일부는 그렇지 않기 때문에 예상치 못한 동작이 발생할 수 있다.
CSS 리셋이 필요한 이유
- 브라우저마다 CSS의 기본값이 다르므로 같은 코드라 하더라도 브라우저에 따라 결과물이 달라질수있다 브라우저에 상관없이 같은 내용을 표현(크로스브라우징)하기 위해선 reset이나 normalize가 필요하다
- https://meyerweb.com/eric/tools/css/reset/
- https://necolas.github.io/normalize.css/
