[Today I Learn] 2022.08.02

TIL

- CSS 우선순위

1. !important가 붙은 속성
2. inline에서 직접 style을 지정한 속성
3. #id로 지정한 속성
4. .클래스, :추상클래스로 지정한 속성
5. 태그명으로 지정한 속성
6. 상위 객체로 인해 상속된 속성

*같은 우선순위에 있을 때 나중에 선언된 것이 우선으로 적용

• 클래스 명의 경우 일부 단어가 포함되도 적용이 가능
  ex) green blue, blue green → .green 또는 .blue로 설정해도 CSS가 적용됨 

- 글자 크기 단위

• em : 상속의 영향을 받는 상대적인 사이즈
      ex) 부모가 36px, 기본 사이즈가 16px일 때 2em은 72px
• rem* : 상속에 영향을 받지 않는 상대적인 사이즈
      ex) 부모 사이즈가 36px, 기본 사이즈가 16px일 때 2rem은 32px

- 크기 단위(viewport)

• 웹페이지를 방문한 유저에게 바로 보여지는 크기
• 디바이스의 viewport를 기준으로 함
  ex) vw, vh, vmax 등

- 결합자

• 자손 결합자 (공백) : 하위의 모든 요소
• 자식 결합자 (>) : 바로 아래의 요소
• 일반 형제 결합자(~) : 형제 요소 중 뒤에 위치하는 요소
• 인접 형제 결합자(+) : 형제 요소 중 바로 뒤에 위치하는 요소

 

What I did

1. CSS 학습
   
   

Memo