프로그래밍
프로그래밍 3 · CSS로 상품 페이지 디자인하기
앞서 만든 상품 페이지에 CSS 선택자, 박스 모델과 Flexbox를 적용하는 실습 교재입니다. PC·태블릿·모바일 화면에서 배치와 넘침을 확인하고, AI가 제안한 수정이 의도한 범위 안에서 작동하는지 비교합니다.
자료 수정일 17쪽읽기 약 15분
자료 전체 분량 기준의 예상 읽기 시간이며, 예제 실행과 실습 시간은 별도입니다.
이 자료에서 다루는 내용
- CSS 연결과 선택자·class 사용
- 박스 모델로 크기와 여백 조절
- Flexbox와 미디어 쿼리로 반응형 배치
- AI 수정 전후 비교와 개발자 도구 활용
- 1280px·768px·390px 화면 QA
이런 분께
HTML 기초를 익히고 상품 페이지를 여러 화면 크기에 맞게 꾸미려는 학습자
자료 미리보기
PDF 새 탭에서 열기
여기에서 바로 읽어보세요
PDF 미리보기를 열거나, 파일을 내려받아 편한 때 읽을 수 있습니다.
미리보기가 표시되지 않으면 새 탭에서 PDF를 열어주세요.
