평생교육이용권

스타일 산다 CSS

선택자·박스모델·레이아웃으로 웹 페이지 꾸미기

강의

31강

퀴즈

7개

코드 실습

21개

프로젝트

5개

한눈에 보는 코스 특장점

자세한 설명으로 쉽게 접하는 CSS 코스

자세한 설명으로 쉽게 접하는 CSS 코스

Point 1

전문가의 강의를 통해
다양한 CSS 개념을 재미있게 배워요

Point 2

친절한 코드 해설을 통해
CSS의 세부 내용을 자세하게 학습해요

Point 3

학습한 CSS를 활용해
코드 프로젝트에 스타일을 지정해봐요

필요한 개념을 모두 담은 탄탄한 커리큘럼

드라마로 재밌게 개념을 익히고, 알짜배기 강의로
하나씩 클리어 해나가다보면 어느새 완강!

코스 소개
강의

1. Hello, CSS
강의
2. CSS의 기본
강의코드 실습

3. 전체, 태그, 그룹 선택자
강의코드 실습
4. id 속성과 class 속성
강의코드 실습
5. id 선택자와 class 선택자
강의코드 실습

6. 글꼴과 크기
강의코드 실습
7. 글꼴 굵기와 기울기
강의코드 실습
8. 웹 폰트 적용
강의코드 실습
9. 텍스트 색상, 정렬, 스타일, 그림자
강의코드 실습
10. 텍스트의 간격
강의코드 실습
[프로젝트1] 채팅방 꾸미기
프로젝트

11. 여러 가지 단위들
강의코드 실습
12. 색상 표기법
강의코드 실습

13. 여러 가지 배경
강의코드 실습
14. 배경 정렬
강의코드 실습
[프로젝트2] 코딩밸리 뉴스 만들기
프로젝트

15. 박스 모델과 content
강의퀴즈
16. padding과 margin
강의코드 실습
17. border
강의코드 실습
[프로젝트3] 너튜브 만들기
프로젝트

18. 가상 요소
강의코드 실습
19. 가상 클래스
강의퀴즈

20. CSS의 우선순위
강의퀴즈
21. CSS의 상속
강의퀴즈
[프로젝트4] 메뉴판 만들기
프로젝트

22. display
강의퀴즈
23. position
강의코드 실습
24. flex
강의코드 실습
25. flex 정렬
강의코드 실습
26. grid
강의퀴즈
27. grid 정렬
강의코드 실습

28. transform
강의코드 실습
29. transition
강의퀴즈
[프로젝트5] 취미 어플리케이션 만들기
프로젝트

핵심 요약 & 마무리
강의

강사님을 소개해요

코딩 초보 탈출을 도와줄 대표 강사님이에요.

조정민

조정민

현대차 UX 연구원

현AI 코딩밸리 웹 개발 강사
현현대자동차 UX Research Engineer
현UX Academia 창립 및 운영
학고려대학교 산업경영공학과 석사

현대자동차에서 글로벌 고객의 모빌리티 UX를 연구하는 UX Research Engineer입니다. 복잡한 개념도 일상적인 예시로 쉽게 설명해 누구나 CSS의 매력을 느낄 수 있도록 도와드립니다.

현AI 코딩밸리 웹 개발 강사
현현대자동차 UX Research Engineer
현UX Academia 창립 및 운영
학고려대학교 산업경영공학과 석사

스타일 산다 CSS

강의31강

·

실습33개

무료체험하기 >상품 알아보기 >