분류 전체보기142 [CSS] 마진 상쇄 현상 📌 참고 사이트 여백 상쇄 정복 - CSS: Cascading Style Sheets | MDN (mozilla.org) 여백 상쇄 정복 - CSS: Cascading Style Sheets | MDN 여러 블록의 위쪽 및 아래쪽 바깥 여백(마진)은 경우에 따라 제일 큰 여백의 크기를 가진 단일 여백으로 결합(상쇄)되곤 합니다. 이런 동작을 여백 상쇄라고 부릅니다. 단, 플로팅 요소와 절대 위 developer.mozilla.org [CSS] 마진 겹침 현상(Margin-Collapsing) — 혼자공부끄적끄적 (tistory.com) [CSS] 마진 겹침 현상(Margin-Collapsing) 마진 겹침 현상이란? 인접한 마진이 상쇄되는 현상을 말한다. 블록 요소에 한해서 좌우 방향은 적용되지 않고 오.. 2023. 8. 10. [CSS] position 📌 참고 사이트 position - CSS: Cascading Style Sheets | MDN (mozilla.org) position - CSS: Cascading Style Sheets | MDN CSS position 속성은 문서 상에 요소를 배치하는 방법을 지정합니다. top (en-US), right (en-US), bottom (en-US), left (en-US) 속성이 요소를 배치할 최종 위치를 결정합니다. developer.mozilla.org 컨테이닝 블록의 모든 것 - CSS: Cascading Style Sheets | MDN (mozilla.org) 컨테이닝 블록의 모든 것 - CSS: Cascading Style Sheets | MDN 요소의 크기와 위치는 컨테이닝 블록(con.. 2023. 8. 9. [CSS] display (block, inline, inline-block, none) 📌 참고 사이트 display - CSS: Cascading Style Sheets | MDN (mozilla.org) display - CSS: Cascading Style Sheets | MDN display CSS 속성은 요소를 블록과 인라인 요소 중 어느 쪽으로 처리할지와 함께, 플로우, 그리드, 플렉스처럼 자식 요소를 배치할 때 사용할 레이아웃을 설정합니다. developer.mozilla.org CSS Flow Layout - CSS: Cascading Style Sheets | MDN (mozilla.org) CSS Flow Layout - CSS: Cascading Style Sheets | MDN 일반적인 흐름 Normal Flow, 또는 흐름 레이아웃 Flow Layout 은 그 레이아.. 2023. 8. 9. [CSS] float와 clear 📌 참고 사이트 float - CSS: Cascading Style Sheets | MDN (mozilla.org) float - CSS: Cascading Style Sheets | MDN CSS 속성(property) float 은 한 요소(element)가 보통 흐름(normal flow)으로부터 빠져 텍스트 및 인라인(inline) 요소가 그 주위를 감싸는 자기 컨테이너의 좌우측을 따라 배치되어야 함을 지정합니다. developer.mozilla.org CSS float 속성 - ofcourse CSS float 속성 - ofcourse 개요 float 라는 단어는 원래 ‘뜨다’ 라는 의미이며, 원래 웹페이지에서 이미지를 어떻게 띄워서 텍스트와 함께 배치할 것인가에 대한 속성입니다. inherit.. 2023. 8. 8. 이전 1 ··· 8 9 10 11 12 13 14 ··· 36 다음
