[CSS] display

Display

 

 

바깥쪽

block	inline
무조건 한 줄을 차지	기본적으로 컨텐츠 영역만큼만 차지
width, height, margin, paddin 지정 가능	1. width, height 지정 불가능 2. margin 좌우만 적용 3. padding : 시작적 영역 - 상하좌우, 실제 영역 - 좌우
<div>, <h1~6>, <header> 등	<span>, <a>, <button> 등

 

 

 

DOM (Document Object Model)

• 웹 문서를 객체로 만든 인터페이스 모델

         ex) A 태그

                └ (아래) B 태그

                        └ (아래) C 태그     객체로 옮겨놓은 인터페이스

• 자바스크립트 등으로 수정할 수 있는 API 제공 (ex. getElementById, querySelector)
• 자바스크립트가 읽고 조작할 수 있는 객체의 형태로 HTML 문서를 바꾼 것

 

 

 

Event 

    사용자의 동작 같은 걸로 발생한 것

    ex) onclick, hover 등

 

 

 

 

overflow

    요소 내부의 컨텐츠들이 요소를 감싸고 있는 영역보다 커졌을 때 어떻게 나타낼 것인가?

    보통 컨테이너의 높이를 설정하거나 white-space를 nowarp으로 설정

• visible
• hidden
• clip
• scroll : 영역을 넘어가지 않아도 무조건 스크롤을 보여줌
• auto : 브라우저가 결정. 영역 안이면 visible, 넘어가면 scroll

 

 

 

+) 안쪽

 

flex, grid, table, flow-root, flow, ruby 등