Go to login Go to sub menu Go to text

Course summary

  • Type MOOC course
  • Period Always open
  • Learning Time Study freely
  • Course approval method Automatic approval
  • Certificate Not Issued
http://www.boostcourse.org/codingd_css
둘러보기
Thumb up 91 Learner 4260

Instructor Introduction

  • 커넥트디자인

    커넥트 디자이너가 '코딩하는 디자이너'를 위한 교육 프로그램을 제공합니다

  • 생활코딩

    누구든 쉽게 코딩을 배울 수 있게 무료로 교육 자료를 제공하고 있습니다 (opentutorials.org)

Lecture plan

강의목록
  1. INTRO
    1. CSS 수업
  2. CHAPTER 1. CSS 알아보기
    1. CSS 소개
    1. 실습환경
    1. HTML과 CSS가 만나는 법
  3. CHAPTER 2. 선택자
    1. 선택자 학습 제안
    1. 선택자와 선언
    1. 선택자의 종류
    1. 부모 자식 선택자
    1. 선택자 공부 팁
    1. 가상 클래스 선택자
    1. 여러가지 선택자
  4. CHAPTER 3. 속성을 공부하는 방법
    1. 속성을 공부하는 방법
  5. CHAPTER 4. 타이포그래피
    1. 타이포그래피 들어가기
    1. font-size
    1. color
    1. text-align
    1. font
    1. 서체
    1. 웹폰트
  6. CHAPTER 5
    1. 조화
    1. 상속
    1. stylish
    1. 케스케이딩
  7. 도구소개 - bracket
    1. bracket
  8. CHAPTER 7. 레이아웃
    1. 레이아웃 들어가기
    1. 인라인 VS 블럭레밸
    1. 박스모델
    1. box-sizing
    1. 마진겹침 현상
    1. 포지션
    1. flex
    1. media query
    1. float
    1. 다단(multi column)
  9. CHAPTER 8. 그래픽
    1. 배경(background)
    1. 필터(filter)
    1. 혼합(blend)
    1. 변형(transform)
    1. SVG
  10. CHAPTER 9. 모션그래픽
    1. 전환(transition)
  11. CHAPTER 10. 유지보수
    1. 유지보수 들어가기
    1. link와 import
    1. 코드경량화(minify)
    1. CSS 뛰어넘기
  12. library
    1. fontello

Additional Info

본 강의를 듣기 위해서는 HTML에 대한 기본지식이 있어야 합니다. 
opentutorials. org 또는 edwith에서 HTML 강의를 들어보세요