CSS란[2]

Display type 이란?

태그를 어떤 방식으로 화면에 보여주는지를 나타내는 Type이다.

1. Box Model
   • 크게는 Block과 Inline이 있다.
     • Block : 설정한 태그를 한 줄 전체를 사용한다.
     • Inline : 내부에 어떤 태그가 존재하는지에 따라 사이즈가 달라진다.( width와 height가 무시된다.)
2. Position
   • static : 현재 위치 고정
   • relative: parent box 기준 : top, bottom... 사용 가능
   • absolute : HTML 기준으로 위치 이동
   • parent의 position이 relative이면 부모 기준으로 위치함 (parent보다 부모들 중에서 static이 아닌 부모 기준으로 위치가 정해진다.)
   • 부모와의 상속이 끊긴다.
   • fixed : 스크롤에 상관없이 화면에 고정