CSS 글꼴과 텍스트 관련 속성, 완벽 정복하기

CSS 글꼴과 텍스트 관련 속성, 완벽 정복하기

3,000원

10

CSS 글꼴과 텍스트 관련 속성, 완벽 정복하기

글꼴에 활용되는 모든 CSS 속성을 깊이 알아보고, 실제로 사용하는 방법을 배워보세요!

heart icon

찜하기

share icon

공유하기

🚀 강의 목적과 학습 목표

이 강의는 CSS를 활용해 글꼴과 텍스트를 스타일링하고, 웹 페이지의 가독성과 디자인을 향상시키는 방법을 학습할 수 있도록 도와드립니다. 폰트 설정, 텍스트 정렬, 텍스트 장식의 다양한 속성과 활용법을 배워보세요! 😊

📍 폰트 설정 방법 이해: font-family, font-size, font-weight, line-height 등 글꼴과 관련된 속성을 학습합니다.
📍 텍스트 정렬과 배치: 텍스트를 좌/우/가운데 정렬하거나 배치를 설정하는 방법을 익힙니다.
📍 텍스트 장식 활용: underline, overline, line-through 등 텍스트 장식을 활용한 스타일링 방법을 배웁니다.


👩🏻‍💻 이런 분을 위해 만들었어요

📍 CSS를 활용한 글꼴과 텍스트 스타일링을 처음 배우는 초보 개발자
📍 웹 페이지에서 텍스트의 가독성을 높이고 스타일을 개선하고 싶은 분
📍 폰트 설정, 텍스트 정렬, 장식을 사용해 더 나은 사용자 경험을 제공하고 싶은 분
📍 다양한 텍스트 속성을 활용해 직관적이고 아름다운 웹 페이지를 설계하고 싶은 분

🎁 강의는 이렇게 구성돼요

📍 폰트 설정, 텍스트 정렬, 텍스트 장식의 기본 속성과 활용법을 학습합니다!
📍 텍스트 스타일링을 통해 직관적이고 가독성 높은 웹 페이지를 디자인하는 방법을 배워요!
📍 다양한 실전 사례를 통해 텍스트 스타일링 기술을 익히고 바로 적용할 수 있습니다!

💻 쉽게 이해되는 3분할 화면

위코드는 여러분이 최대한 쉽게 이해할 수 있도록 모든것을 준비했습니다. 강의 영상의 핵심 내용을 실시간으로 정리해 드리고, 직접 수정하고 실행해볼 수 있는 코드까지 실시간으로 제공하는 위코드만의 코딩 강의 플랫폼에서 재밌고 쉽게 학습하세요!


📍 모바일에서도 쉽게 볼 수 있는 세로 비율의 강의 영상
📍 강의 내용을 이해하기 쉽도록 실시간 핵심 내용 정리
📍 강의 내용 흐름에 맞추어 실시간 업데이트 되는 코드 에디터
📍 직접 수정해보고 실행도 할 수 있는 코드

🙋🏻 질문이 있으신가요?

링크를 통해 위코드 코딩 질문방으로 오세요!
위코드 스태프들이 직접 친절하게 알려드립니다! 🫡
👉 위코드 코딩 질문방으로 들어가기 (비밀번호: wecode)


커리큘럼

미리보기를 통해 콘텐츠를 확인해보세요.

  • Play Icon실전 예제: 폰트와 텍스트를 활용한 웹페이지 디자인
  • Play Icon프로젝트: 다양한 폰트와 텍스트 장식을 사용한 브랜드 페이지
  • Play Icon추가 심화: 웹폰트 최적화와 성능 고려
  • Play Icon고급 텍스트 효과: shadow, gradient, stroke
  • Play Icon다국어 지원과 폰트 선택 전략
  • Play Icon최종 과제: 폰트와 텍스트 장식으로 완성된 고급 웹 페이지