id는 우선순위가 가장 높다.
협업을 하면서 id가 겹치면 안된다. 오작동을 일으킬 가능성이 높기 때문에.
그리고 id는 숫자로 해서는 안됨!
하지만 class는 이름이 겹쳐도 되는데 이유는 재사용 가능한 속성이기 때문이다.
필요에 따라서 하나의 요소에 여러 클래스를 지정해 다중 스타일을 적용할 수 있다.
클래스를 여러개 부여하는 것도 가능하다. 콤마로 구분하지 않고 그냥 띄어쓰기만 해주면 됩니다.
그리고 css에서는 html에서 띄어썼다고 해서 같이 띄우는 경우도 있는데 그러면 후손으로 인식이 되기 때문에 띄어쓰지 말것. .a.b {color : navy;} 이렇게 붙이세요.
%로 주면 모서리가 깎여서 원형이 된다!!!
상속을 할 때 기억해야 할 것은 부모가 자식에게 물려주는 것이 아니라 자식이 부모의 속성을 가져오는 것이다. 이걸 헷갈려서는 안됩니다.
inherit
inherit는 부모의 스타일 속성을 자식에게 강제로 상속시키는 값이다.
기본적으로 상속되지 않는 속성(예: margin, padding)에도 사용 가능합니다.
div 텍스트 기본값은 inherit!
inherit의 특징
- 명시적 상속: 기본적으로 상속되지 않는 속성도 상속받을 수 있다.
- 재사용성: 중복된 스타일 선언을 줄이고, 부모와 동일한 스타일을 유지할 수 있다.
노멀라이즈
다양한 브라우저에서 기본 스타일을 일관되게 만들어주는 CSS 리셋 도구 중 하나로 브라우저마다 HTML 요소의 기본 스타일이 다르게 렌더링되기 때문에 이를 통일하기 위해 Normalize.css를 사용한다.
원래는 텍스트 데코레이션을 none으로 하고 컬러를 블랙으로 하면 겉보기엔 링크가 평범해보이지만 body에 컬러 속성이나 다른걸 주는 순간 a링크는 먹지 않는다.
그럴 때 줄 수 있는 속성이 inherit입니다.
그래서 css 상단에 그냥 inherit을 걸어버려용.
https://webclub.tistory.com/356 css단위 찾아보면 됩니당
