css 우선순위
!important, inline, id, class, 요소, 소스 코드 순서(더 나중에 나온거 적용)
position
제일 중요한 것은 기준점!!: 어디를 기준으로 이동할것인가
- static -- 기본 디폴트
- relative -- 디폴트 기준-- (원래 놓여있던 위치 -- 소스코드)에서 이동 (기존 자리 비우지 않는다.)
inline 요소가 이동하기 위해서는 relative 가 되어야 하며, 이때 기준점이 본래 위치
- absoulte -- 기존 자리 벗어난다. 그리고 가장 가까운 static 이 아닌 부모 기준점으로해서 이동
semantic tag
form, header, section, footer, aside, article 같이 의미가 있는 tag!
선택자
- 자손 선택자: ex) div p : div 밑 모든 p 태그
- 자식 선택자: ex) div > p : div 바로 밑에 있는 p 태그
마진 vs padding
마진은 바깥으로 뻗어나가는 box ==> 마진 조절하면 마진 상쇄 문제 발생 가능, 크기가 변할 수 있다.
padding: 내부에 있는 질소 포장 같은 것 ==> border 내부에 있는걸 조절하기에, 바깥 크기는 변하지 않음.
기타 tip