2일차 - 메인 페이지 (페이지 css, 제목 생략, 게시글 이미지 적용)

2일차 - 메인 페이지 (페이지 css, 제목 생략, 게시글 이미지 적용)

예시common.css더보기* { margin: 0; padding: 0;}body { font-family: Helvetica, sans-serif;}.display-flex { display: flex;}header { display: flex; width: 1000px; padding: 10px; margin: 5px auto; border-bottom: 1px solid #ccc; justify-content: space-between;}.img-setting { width: 15px; height: 15px; position: relative;}.img-youtube { width: 30px; height: 21px; position: relative;}.img-ne..

  • format_list_bulleted HTML CSS/블로그 만들기
  • · 2024. 8. 11.
  • textsms
1일차 - 메인 페이지 (미완성)

1일차 - 메인 페이지 (미완성)

예시main.css더보기* { margin: 0; padding: 0;}body { font-family: Helvetica, sans-serif;}.display-flex { display: flex;}header { display: flex; width: 1000px; padding: 10px; margin: 5px auto; border-bottom: 1px solid #ccc; justify-content: space-between;}.img-setting { width: 15px; height: 15px; position: relative;}.img-youtube { width: 30px; height: 21px; ..

  • format_list_bulleted HTML CSS/블로그 만들기
  • · 2024. 8. 4.
  • textsms

블로그 만들기

1. 예제 2. 깃허브 주소 GitHub - kyeonghooon/blog_exampleContribute to kyeonghooon/blog_example development by creating an account on GitHub.github.com3. 과정1일차 - 메인 페이지 (미완성)

  • format_list_bulleted HTML CSS/블로그 만들기
  • · 2024. 8. 4.
  • textsms
CSS flexbox 목차

CSS flexbox 목차

CSS flexboxFlexbox 란? flex-direction 속성이란? flex-warp 주축 방향 정렬 justify-content 교차축 정렬 align-items와 align-content FlexItem의 세밀한 제어 flex 속성 Flexbox 중간 점검 - 연습 문제활용 실습웹페이지 레이아웃 구성해보기 - 1

  • format_list_bulleted HTML CSS/CSS flexbox
  • · 2024. 7. 8.
  • textsms
웹페이지 레이아웃 구성해 보기 - 1

웹페이지 레이아웃 구성해 보기 - 1

1. 샘플 연습 홈 소개 서비스 연락처 수평 및 수직 정렬된 아이템 카드 1 카드 내용 1 카드 2 카드 내용 2 카드 3 카드 내용 3 카드 4 카드 내용 4 카드 5 카드 내용 5 카드 6 카드 내용 6

  • format_list_bulleted HTML CSS/CSS flexbox
  • · 2024. 7. 8.
  • textsms
Flexbox 중간 점검 - 연습 문제

Flexbox 중간 점검 - 연습 문제

목차1번 문제 item1 item1 item1 2번 문제 item1 item2 item3 3번 문제 항목1 항목2 ..

  • format_list_bulleted HTML CSS/CSS flexbox
  • · 2024. 7. 4.
  • textsms