CSS 상속, float, position

김태헌·2022년 9월 18일
post-thumbnail

1. 상속

  • 부모 엘리먼트의 속성을 자식 엘리먼트가 물려받는 것을 의미한다.
    상속은 CSS에서 생산성을 높이기 위한 주요한 기능이다.

2. 우선순위

  • '구체적인 것'을 기준으로 우선순위가 정해진다.
  • !important : 우선순위가 가장 먼저 적용된다. 쉬운 방법이긴 하나
    좋은 방법은 아니다.

3. float

  • 편집 디자인에서 이미지를 삽화로 삽입할 때 사용하는 기법이다.
  • left : 요소를 부모박스 안에서 왼쪽에 고정시킨다.
    right : 요소를 부모박스 안에서 오른쪽에 고정시킨다.
    inherit : 부모 요소에 적용된 float 속성값을 상속 받는다.
    none : 기본값, float속성을 적용하지 않는다.

4. position

  • 포지션 속성 위치를 지정하는 4가지 방법
    -> static
    -> relative
    -> absolute
    -> fixed
  • css 각각의 엘리먼트는 위치가 정적(static)으로 존재한다.

** Cache

  • 자주 접근하는 데이터를 복사 해놓는 임시 저장소
profile
개발자 과정 국비 수료 중

0개의 댓글