제수기 - 제발 수업내용을 기억해라

Display

요소의 inline/block 여부를 결정하는 속성

• display : inline (inline 요소 기본값)
• display : block (block 요소 기본값)
• 그 외에도 필요에 따라 table, flex, grid, none 등 다양한 값을 적용할 수 있다.

• div는 block 요소
• span은 inline 요소

• display는 기본적으로 inline

d-inline

하지만 d-inline을 주면 div도 inline처럼 표현할 수 있다.

d-block

마찬가지로 span에 d-block을 주면 block처럼 표현된다.

d-inline-block을 주면 아래와 같이 표현된다.

요소 감추기

• display : none
  요소의 영역도 제거
• visibility : hidden(기본값:visible)
  요소만 제거하고 영역은 유지한다.
• opacity : 0(기본값:1)
  투명도만 조정하고, 요소와 요소 영역 모두 유지된다.