DreamCoding 엘리 - 프론트엔드 개발자 되기 입문편 (2)

웹사이트 만들때 가장 중요한것

• Box를 원하는 위치,사이즈로 배치하는것
• display, position에 대해서 알아야 한다

 

Span은 내용이 있어야 표시된다

 

Div는 block 레벨이라서 한줄에 하나씩 나옴

Span은 한줄에 여러게 나옴

 

Inline = 물건

Inline black = 상자인데 한줄에 여러개가 진열될 수 있는 특별한 상자

Black = 한줄당 하나씩 들어가는 상자

 

 

Position

 

Position = 기본값으로 static을 가진다

 

relative = 원래 있어야 하는 자리에서 옴겨간다.

 

absolute = item이 담겨있는 상자안에서 위치한다 ( class="container" )

 

Fixed = 전체윈도우 화면에서 위치한다

 

Sticky = 스크롤이 움직여도 원래자리에서 유지된다

 

브라우저 지원, 사용량 사이트

https://caniuse.com/