나의 모양

📌 페이지 레이아웃 💙 레이아웃: 화면을 나누는 방법 🤍 HTML 구성하기 콘텐츠 흐름: 좌 → 우 / 위 → 아래 CSS 화면 구분 수직분할: 콘텐츠 가로 배치 수평분할: 내부 콘텐츠의 세로 배치 수평분할 + height ⇒ 직관적인 수평 분할 가능 아이콘 1 아이콘 2 아이콘 3 영역1 영역2 영역3 영역4 영역5 /* CSS */ .w70 { width: 70%; } .h40 { height: 40%; } 🤍 레이아웃 리셋 박스를 잡는데 있어 HTML의 기본 스타일로 인한 어려운 점 태그 기본 스타일에 약간의 여백이 있음 width, height 계산에 여백 불포함 (003의 박스모델 참고) 브라우저마다 다른 기본 스타일 해결방법 기본 스타일링 제거 * { box-sizing: border-box;..