Display
- 전체적인 레이아웃을 이해하고 만들어나갈 때 중요한 속성
- 기본적으로 가지고 있는 특성을 display 속성을 이용해 바꿀 수 있다.
block
새로운 줄에 위치하면서 가로 크기가 100%(default)를 차지한다.
너비와 높이 사이즈를 지정할 수 있고, 가로크기가 줄어도 나머지가 margin으로 채워져 한 줄을 차지하는건 마찬가지다.
대표적으로 div p가 있다.
inline
너비나 높이 값을 줄 수 없다. 크기는 포함된 내용에 의해 결정된다.
inline-block
block 속성 + inline 속성 = inline-block 속성!
너비와 높이 설정 가능 + 새로운 줄에서 시작 안함(같은 라인에 배치)
float
이미지를 띄워서 텍스트와 함께 배치하기 위한 속성
- inherit : 부모 요소에서 상속된다
- left : 왼쪽에 떠있는 블록 박스 생성.
- right : 오른쪽에 떠있는 블록 박스 생성.
- none
개발자