12강 CSS 간단 핵심, 13강 CSS 실습

DISPLAY 속성

태그들마다 DISPLAY 속성이 존재

• Block : 한 너비를 모두 가져감

• Inline : 글씨의 줄만큼만 가져감
• Inline-block : block이지만 Inline처럼 오른쪽으로 쌓임
  
• none : 없음

Visiblity : Hidden 속성과 차이점 : none은 아예 없어짐. Hidden은 보이지만 않고 공간은 차지

SIZE 속성

⭐ REM

• px : 부모가 커지든 작아지든 절대적임.
• em : 부모가 커지면 폰트 사이즈도 따라 커짐. 부모가 여러개 있으면 곱해서 증가해 버림
  
• rem : 부모가 커지면 폰트 사이즈도 따라 커짐.
  
• % : 바로 위의 부모만 영향을 받음

13강

1. css 적용 방법 3가지 : html태그안에 style = “”, .css파일 따로 관리, html파일 안에 위에 style태그 작성

우선순위 : html태그안 → style태그 → 다른 css

💡 내가 원하는 대로 안나오면 display 설정을 확인해라! 💡 git reset --hard HEAD 하면 최근에 commit했던 상태로 돌아감