CSS 기본 문법

아이작·2021년 8월 2일
0

CSS

목록 보기
1/1

css 우선순위

!important, inline, id, class, 요소, 소스 코드 순서(더 나중에 나온거 적용)

position

제일 중요한 것은 기준점!!: 어디를 기준으로 이동할것인가

  1. static -- 기본 디폴트
  2. relative -- 디폴트 기준-- (원래 놓여있던 위치 -- 소스코드)에서 이동 (기존 자리 비우지 않는다.)
    inline 요소가 이동하기 위해서는 relative 가 되어야 하며, 이때 기준점이 본래 위치
  3. absoulte -- 기존 자리 벗어난다. 그리고 가장 가까운 static 이 아닌 부모 기준점으로해서 이동

semantic tag

form, header, section, footer, aside, article 같이 의미가 있는 tag!

선택자

  1. 자손 선택자: ex) div p : div 밑 모든 p 태그
  2. 자식 선택자: ex) div > p : div 바로 밑에 있는 p 태그

마진 vs padding

마진은 바깥으로 뻗어나가는 box ==> 마진 조절하면 마진 상쇄 문제 발생 가능, 크기가 변할 수 있다.
padding: 내부에 있는 질소 포장 같은 것 ==> border 내부에 있는걸 조절하기에, 바깥 크기는 변하지 않음.

기타 tip

  • width: 상속이 되지 않는다.

0개의 댓글