웹사이트 따라만들기 1-6 | 카드 UI 만들기 (HTML & CSS 기초 CSS Reset 완전 정리)
Автор: 펀치코딩
Загружено: 2026-01-07
Просмотров: 79
❤ 수업자료: 👉 http://bit.ly/4qTynbZ
❤인스타: / punch_coding
💬 html, css, js 질문 단톡방
👉 https://open.kakao.com/o/gMcVsI8h
💼 IT 프론트엔드 취업 상담
👉 https://open.kakao.com/o/sjWbPsXh
이번 영상에서는 CSS Reset의 개념을 처음부터 차근차근 설명합니다.
브라우저마다 다른 기본 스타일을 왜 초기화해야 하는지,
그리고 reset.css에서 자주 사용하는 속성들이
실제 레이아웃 계산에 어떤 영향을 주는지 예제로 설명합니다.
✔ box-sizing: border-box가 왜 중요한지
✔ content-box vs border-box 차이
✔ margin, padding 초기화 이유
✔ font inheritance(상속) 문제 해결
✔ width / min-width / max-width 개념
✔ height / min-height / max-height 차이
✔ 100vh를 사용할 때 주의할 점
✔ a, button, input, select 기본 스타일 초기화
✔ 이미지, video가 부모 영역을 넘는 문제 해결
CSS 레이아웃이 어렵게 느껴졌다면,
이 영상 하나로 기본 개념을 확실히 잡아보세요.
이 강의는 웹 개발을 처음 시작하는
HTML · CSS 완전 초보자를 대상으로 제작되었습니다.
📌 다음 강의에서는
margin과 padding을 직접 조절하며
카드 UI 레이아웃을 완성해봅니다.
📺 웹 개발 기초부터 차근차근 배우고 싶다면
구독과 좋아요는 큰 힘이 됩니다!
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке:
![[웹개발 입문] HTML 핵심만 배우기](https://image.4k-video.ru/id-video/rgI930gqdaY)
![[코딩 자율학습 HTML + CSS + 자바스크립트] 1장 Hello, HTML+CSS+자바스크립트 - 1](https://image.4k-video.ru/id-video/OdMfUv-BFT4)
