강좌 소개

CSS는 HTML을 아름답게 꾸며주는 디자이너의 언어입니다. 화가가 붓을 만드는 법을 알 필요는 없지만, 붓을 만드는 사람보다 붓 질은 훨씬 잘해야 할 것입니다. 붓 질하는 법을 모른다면 표현하고자하는 것을 제대로 표현하는 것이 어려울 것이니까요. CSS는 디지털 컨텐츠를 생산하는 사람들에게는 붓 질과 같은 것이 아닐까 싶습니다. 이 수업에서는 디지털 붓 질을 하는 법을 알려드립니다. 

 

먼저 공부하셔야 할 것

CSS를 공부하기 위해서는 선행해야 할 것이 있습니다. 바로 HTML 입니다. 만약 html에 대해서 전혀 모르신다면 여기서 출발하시면 안됩니다. 제가 추천 드리고 싶은 선행 수업은 두가지 입니다. 

웹의 전체적인 모습이 보고 싶다면 위의 수업 중 '생활코딩 웹에플리케이션 만들기' 수업을 추천합니다. 혹은 html을 좀 더 깊게 공부하고 싶다면 위에서 '생활코딩 html 수업'을 추천드립니다. 물론 html에 정통해야 할 이유는 전혀 없습니다. CSS가 급하게 필요하시다면 html이 무엇인지 정도만 파악하고 CSS 학습을 시작하셔도 전혀 문제 없습니다. 

 

본 강좌는 비영리그룹 생활코딩의 콘텐츠(CCL 라이선스)를 에듀캐스트에 옮긴 강좌입니다.

생활코딩 http://opentutorials.org 라이센스 CC BY-NC-ND 


강의 목록

CSS 수업 - CSS 소개
맛보기
15:22

CSS 수업 - 실습환경
2:33

CSS 수업 - HTML과 CSS가 만나는 법
6:50

CSS 수업 - 선택자와 선언
7:39

CSS 수업 - 선택자의종류 1 _ 아이디선택자
6:31

CSS 수업 - 선택자의종류 2 _ 클래스선택자
6:45

CSS 수업 - 부모 자식 선택자
8:21

CSS 수업 - 선택자 공부팁
5:46

가상클래스선택자
7:37

CSS 수업 - 다양한 선택자들 1
4:28

CSS 수업 - 다양한 선택자들 2
8:29

CSS 수업 - 다양한 선택자들 3
9:47

CSS 수업 - 다양한 선택자들 4
10:41

CSS 수업 - 속성을 공부하는 방법
3:29

CSS 수업 - 타이포그래피 _ font-size
12:02

CSS 수업 - 타이포그래피 _ color
9:18

CSS 수업 - 타이포그래피 _ text-align
4:03

CSS 수업 - 타이포그래피 _ font
10:12

CSS 수업 - 타이포그래피 _ 웹폰트
14:26

CSS 수업 - 상속
9:23

CSS 수업 - stylish
8:10

CSS 수업 - 캐스케이딩 소개
5:43

CSS 수업 - 캐스케이딩 실습
9:44

bracket
18:21

CSS 수업 - inline block
5:40

CSS 수업 - box model
8:58

CSS 수업 - box-sizing
5:41

CSS 수업 - 마진 겹침 1
5:43

CSS 수업 - 마진 겹침 2
8:13

CSS 수업 - 마진 겹침 3
7:29

CSS 수업 - 포지션 1 _ relative VS static
7:39

CSS 수업 - 포지션 2 _ absolute
9:44

CSS 수업 - 포지션 3 _ fixed
6:03

CSS 수업 - flex 1 _ intro
5:32

CSS 수업 - flex 2 _ basic
8:29

CSS 수업 - flex 3 _ basis & grow & shrink
12:13

CSS 수업 - flex 4 _ holy grail layout
12:52

CSS 수업 - flex 5 _ 기타 속성 들
15:47

CSS 수업 - Multi column
10:44

CSS 수업 _ mediaquery 1 - 기본
11:15

CSS 수업 - mediaquery 2 - 응용
11:38

CSS 수업 - float 1
7:56

CSS 수업 - float 2 _ holy grail layout
21:53

CSC 수업 - 배경
13:48

CSS 수업 - filter
11:41

CSS 수업 - blend 1 _ 소개
3:40

CSS 수업 - blend 2 _ background-blend-mode
8:06

CSS 수업 - blend 3 _ mix-blend-mode
11:02

CSS 수업 - transform 1 _ 소개
9:00

CSS 수업 - transform 2
9:59

CSS 수업 - transition 1
9:30

CSS 수업 - transition 2
12:48

CSS 수업 - link & import
17:11

CSS 수업 - 코드 경량화(minify)
12:57

CSS 수업 - CSS 뛰어넘기, preprocesser 1 - 소개
8:13

CSS 수업 - CSS 뛰어넘기, preprocesser 2 - 에디터의ᄒ
6:00

CSS 수업 - CSS 뛰어넘기, preprocesser 3 _ 명령어ᄅ
4:33

CSS 수업 - Fontello 1 _ 소개
6:27

CSS 수업 - Fontello 2 _ 사용법
9:45

CSS 수업 - Fontello 3 _ 원리
11:16

CSS 수업 - Fontello 4 _ 폰트만들기
5:53

    선생님

    생활코딩
    쪽지
    4.8 (총 23개 강좌, 29명 평가)

    본 계정은 생활코딩 (http://opentutorials.com)의 사이트에 올라와있는 코딩 관련된 교육 영상들을 원저작자의 허가를 받고 대신하여 올리는 계정입니다. 관리책임은 에듀캐스트가 지고 있으며 본 계정을 통해 일어난 게시물 작성, 메세지 등을 포함한 모든 행위는 생활코딩과 그 멤버들과 무관함을 알려드립니다.

    원저작자가 쪽지 및 질문/답변을 하지 않는 점 참고하시기 바랍니다.


    수강평

    강좌에 대한 의견을 기다리는 중입니다.

    선생님의 다른 강좌


    무료
    공유
    단체수강
    총 61강 · 9시간 21분 분량
    무제한 수강 가능
    모바일 앱으로 수강 가능

    수강생이 들은 다른 강좌