- 우선순위
- html태그 바로 옆에 쓴 css가 style태그 안에 쓴 것보다 우선순위가 높다.
- 동일한 선택자를 썼을 경우 아래쪽에 쓴 것이 우선순위가 높다
- 선택자의 우선순위
선택자 | * | Tag | Class | Id | Inline Style | !important |
---|---|---|---|---|---|---|
점수 | 0 | 1 | 10 | 100 | 1,000 | 10,000 |
-
vw와 % :같은 값일 때 vw가 %보다 크다. vw는 화면 크기를 기준으로 하고, %는 부모를 기준으로 하는데, body가 부모일때, 웹의 margin 10px을 제외한 값을 자식이 쓴다
-
em 과 rem em은 em이 속한 부모의 사이즈를 따른다(부모에 지정한게 없으면 body를 따른다) rem은 문서의 기본 사이즈를 따른다 (문서는 기본적으로 16px을 사용한다)
-
position absolute를 주면 그 요소가 인라인요소든 블록요소든지간에 안에 있는 컨텐츠 크기만큼 자동으로 크기가 잡힌다. 그래서 absolute를 준 요소에는 크기를 잡기위해서 따로 display:block을 줄 필요가 없다