My Boundary As Much As I Experienced

기본적인 Display 속성의 종류 none block inline inline-block - 안 보여요. - 클릭도 안 돼요. - 아예 영역이 사라져요. - 한 블록을 모두 점유하는 요소이다. - 대표적으로는 h, div 등이 있다. - height와 width를 설정할 수 있다. - 구획으로도 많이 쓰인다. - 글자처럼 취급되는 요소이다. - 한 블록에 여러 개가 쌓일 수 있다. - 대표적인 인라인 요소는 p, span 등이 있다. - height와 width를 가질 수 없다. (컨텐츠에 auto로 맞춰짐) - block과 inline의 중간 형태. - 라는데 그렇게 딱히 쓰이는 걸 본 적이 없다. Display: none과 visibility: hidden, Opacity: 0의 차이 display..

포지션 속성으로 원하는 좌표 기준에 따라 요소를 정렬할 수 있다. top, right, bottom, left 값에 따라 offset을 적용할 수 있는데, 그 기준이 좌표 기준은 아래와 같다. 속성값 특징 static (기본값) 특별한 특징 없음 relative 원래 자기 자신의 위치를 좌표 삼아 움직임 absolute 다른 레이아웃과의 관계를 벗어나 고정적인 위치를 갖는다. 자신에게 가장 가까운 포지션 값이 있는 상위 요소를 기준으로 삼게 된다. fixed 뷰포트(Viewport)를 기준으로 고정값을 가진다. 스크롤이 발생해도 뷰포트에서 고정적인 위치값을 갖는다. sticky 요소를 일반적인 문서 흐름에 따라 배치하고, 가장 가까운 스크롤이 가능한 조상과 가장 가까운 블록 레벨 조상을 기준으로 top,..