[청년취업사관학교] css선택자, css box model, 과제 (240626)

과제

• css 선택자
  • * 전체 선택자 
    • 이름 그대로. 문서 전체에 영향
  • 타입(유형)선택자
    • 특정 태그 선택 ( ex : h1, p...)
  • 아이디 선택자(#)
    • 해당 아이디의 객체 선택. id가 유일해야 하는 이유.
  • 클래스 선택자(.)
    • 한 페이지 내에 여러개 존재 ok. 높은 재사용성
  • 특성 선택자 ([])
    • 주어진 특성을 가지는 모든 요소 선택
  • 그룹 선택자 (,)
    • 여러개 선택
  • 복합 선택자
    • 자손 선택자 (  ) 공백
      • 자식 자손 모두 선택 가능
    • 자식 선택자 (>)
      • 직계만 선택
    • 형제 선택자 (-)
    • 인접 형제 선택자 (+)
  • 가상 클래스 선택자 
    • :first-child 첫째 선택
    • :last-child 막내 선택
    • :nth-child 형제간 순서에 따른 선택
    • :not 부정 선택자 입니다
  • 선택자 우선순위
    • inline-style - 1000
    • id 선택자 # - 100
    • class . , 가상클래스, 속성선택자 - 10
    • 타입, 가상요소 선택자 - 1
    • 전체선택자 * - 0
    • !important 이 선언은 다른 CSS의 어떤 선언 보다도 우선합니다.
  • css box model

html 요소를 감싸는 박스 모델