CSS - Layout

CSS 레이아웃

display

1. display

• none
• block
• inline // width, height 설정 x
• inline-block

[참고] inline-block은 inline 처럼 한 줄에 배치되면서 요소의 크기를 설정할 수 있다.

[주의] HTML 문법상, inline요소를 block 요소의 부모로 선언하지 말것. (span아래에 div 작성하지말것.)

block tag

p, h1~h6, div, ol, ul, li, form, table, pre, hr ...

inline tag

span, a, input, button, img, label ...

2. visibility / opacity

• visibility
  • visible (default)
  • hidden
• opacity
  • 0 ~ 1 // 투명도

visiblility

float

clear

position

z-index