1. 강좌소개

본 CSS 기본부터 활용까지 강좌는 생활코딩 이고잉님의 CSS 강좌 입니다.HTML의 기본적인 이해가 있다는 전제하에 CSS 기본부터 최근 기술들까지 차근차근 이해하기 쉽게 설명해 줍니다. 기본 개념후에 바로 작은 예제들을 통해 잘 이해할 수 있도록 도와줍니다.

CSS 는 HTML 문서를 꾸며주는 언어입니다. 단순하게 색만 입히는 것이 아니라 위치, 모양, 속성 등을 통해 시각적으로 이해하기 쉽고 아름다운 정보를 만들어 주는 중요한 언어입니다.

2. 도움되는 분들

HTML 기본을 알고있는 분
웹디자이너
웹퍼블리셔, 프론트엔드 개발자가 되고 싶은 분
웹 개발자가 되고 싶은 분
이런 경험을 가진 분..ㅠㅠ

3. 강좌 특징

준비물 : 컴퓨터
강좌 수준 : 초급
선행지식 : HTML (학습하러가기)
이후 들으면 좋은 분야 : javascript(학습하러가기)

교육과정

오리엔테이션 및 준비

CSS 소개

15 : 00

섹션 1. 선택자 (selector)

선택자와 선언

07 : 00

ID 선택자

부모 자식 선택자

08 : 00

선택자 공부 팁

05 : 00

가상 클래스 선택자

07 : 00

섹션 2. 적용 순서

상속

09 : 00

캐스케이딩 이란? (적용 우선순위)

05 : 00

캐스케이딩 실습

09 : 00

섹션 3. 서체 다루기

크기 : font-size

12 : 00

색상 : color

09 : 00

정렬 : text-align

04 : 00

서체 : font-family, font-weight, line-height

10 : 00

웹폰트

14 : 00

섹션 4. 레이아웃 기본

인라인 VS 블럭레벨

05 : 00

박스모델

09 : 00

box-sizing

05 : 00

마진겹침 (margin-collapsing) 1

05 : 00

마진겹침 (margin-collapsing) 2

08 : 00

마진겹침 (margin-collapsing) 3

07 : 00

포지션 (position) - relative VS static

07 : 00

포지션 (position) - absolute

09 : 00

포지션 (position) - fixed

06 : 00

섹션 5. 레이아웃 활용

flex 소개

05 : 00

flex 의 기본

08 : 00

flex - grow & shrink

12 : 00

flex - holy grail layout

13 : 00

flex - 기타 속성들

15 : 00

미디어쿼리 기본

11 : 00

미디어쿼리 응용

11 : 00

float 기본

08 : 00

float 을 활용한 holy grail 레이아웃

21 : 00

다단 만들기

10 : 00

섹션 6. 그래픽

배경 (background)

13 : 00

필터 (filter)

11 : 00

변형 (transform) 소개

09 : 00

움직임 주기 - transition 기본

09 : 00

움직임 주기 - transition 심화

12 : 00

섹션 7. 유지보수

link 와 import 로 한번에 적용하기

17 : 00

코드 경량화 (minify)

13 : 00

섹션 8. CSS 뛰어넘기 - preprocesser

preprocesser 소개

08 : 00

preprocesser 에디터의 확장기능

06 : 00

명령어로 컴파일 하기

04 : 00

fontello 서비스 사용하기

Fontello 1 : 소개

06 : 00

Fontello 2 : 사용법

09 : 00

Fontello 3 : 원리

11 : 00

Fontello 4 : 폰트만들기

06 : 00

수강 후기

5.0

53개의 수강평

5점

4점

3점

2점

1점

yongali7 1달 전

초보자입니다. 개념을 익히는 데 도움이 많이 되요.

youngseok Kim 2달 전

베리베리 굿입니다~ 정말 유용한 강의였습니다. 감사합니다.

신민혁 (탈퇴) 3달 전

CSS 기초를 잡기 좋은 강의!

jaeryoki 4달 전

HTML에 이어 CSS잘 듣고 배우고 갑니다. 이제 JAVASCRIPT배우러 갑니다^^ 정말 최고의 강의라고 생각합니다!

꿈을꾸는사람 4달 전

훌륭한 강좌 입니다. Good!!! WEB page를 이해하는데 많은 도움이 되었습니다. 감사합니다.

Yoonjoo Lee 5달 전

좋은 강의 였습니다. 정말 많은 것들은 천천히 친절하게 설명해 주십니다.

토순이메롱 6달 전

CSS 기본기 닦는데 많은 도움이 되었습니다! 선생님 감사합니다!

조하나 6달 전

이해하기 좋아요 잘 들었습니다~

오병국 6달 전

정말 유용합니다!! 웹 개발을 해보기 위해서 러닝패스에서 듣기 시작했는데 정말 좋습니다 영상도 그리 길지 않아 부담스럽지 않게 틈틈히 수강할 수도 있고 제가 지금까지 들어봤던 강의중에 최고입니다. 좋은 강의 무료로 남겨주셔서 정말 감사합니다!! 끝까지 열심히 해보겠습니다!

김성민 7달 전

강좌 감사합니다 잘 봤습니다^^

Sang Kwon Lim 7달 전

좋은 강의였습니다^^ 좋은 강의였습니다.

김동규 9달 전

덕분에 그동안 걱정했던 CSS에 입문할 수 있었습니다. 아

Helios 9달 전

굳굳 Web-CSS 보다는 어려워서 모든 걸 이해하지는 못 했지만 복습하다보면 이해할 수 있을 거라고 생각합니다. 많은 도움이 되었습니다.

일산훈남 10달 전

많은 도움 되었습니다. 항상 감사합니다.

흑구 10달 전

CSS 입문자 강의로 강력 추천합니다! CSS의 모든 것을 알려주지는 않습니다 그러나 꼭 필요한 것을 알려줍니다! CSS 학습의 방향성을 잘 잡아주시고 강의 진행도 매우 매끄럽습니다. 내용에 대한 부담감도 줄여주셔서 학습하는데 마음의 부담을 많이 내려놓을 수 있었습니다. 개인적으로 CSS는 다른 언어에 비해 원리의 이해보다는 태그에 대한 암기에 대한 부담이 있더군요. CSS 강좌를 완강했습니다만 복습 명목으로 최소 5번은 볼 계획입니다.

nawhizz 11달 전

강의 잘 들었습니다. CSS에 대한 기초를 다질 수 있었던 좋은 강의 였습니다.

Yohan Han 11달 전

좋았습니다. 초보자가 접근하기 좋게 잘 설명해 주시네요.

姜承奎 2018.06.08

CSS의기본 처음 html과 css를 접하시는 분들은 이고잉 님의 html 수업과 병행해서 들으면 여러가지 몰랐던 부분들에 대한 기초를 확실히 쌓을 수 있다고 생각합니다.

tomato 2018.06.07

완강 이전 강좌인 HTML 부터 CSS까지 최신 트렌드가지 잘 배웠습니다. 목소리도 좋으시고, 한 편의 길이가 7~10분 내외라 부담 없어 너무 좋습니다. 네트워크 엔지니어라서, 웹 업무와는 거리가 있지만, 도움이 많이 됐습니다. 감사합니다.

taeha woo 2018.05.31

정말 많은 도움이 되었습니다^^ CSS에 대해서 많이 알고 있다고 생각했는데 이 강좌를 보고 알지 못했던 부분이 많았다는 것을 알게되었습니다 좋은 정보로 가득차있네요 ^^

g th 2018.05.03

css 기초를 다질수 있는 좋은 강의 초보자들도 이해할수 있게끔 차근차근 설명해주고 그에 대한 예제들도 많아서 좋은 강의 였습니다.

MinGi 2018.05.01

좋은 강의 고맙습니다. CSS에 대한 알기쉬운 강의 고맙습니다.

조영글 2018.04.09

정말 잘 들었습니다. 차분한 목소리로 조곤조곤 잘 가르쳐주셔서 많은 도움이 된 것 같습니다.

Wooju Lee 2018.03.16

css 입문을 위한 필수강좌 good

Jane 2018.02.05

CSS 다 안다고 생각했는데 많은 걸 배워갑니다. 사실 실무에서는 매번 사용하는 속성들만 쓰고 그걸로도 충분하다고 생각했는데 이렇게 강의를 들으니 새삼 몰랐던 것이 많았던 것을 깨달았습니다. fontello는 사이트만 알고 사용법을 몰랐는데 이 강좌에서 사용법을 배울줄 몰랐어요. 개인 포폴 작업할 때 도움이 많이 될 것 같습니다. 이거 정말 들을만한건가? 공짜 강의니까 뭐 별 것 있겠어? 라고 고민하시는 분들이 계신다면 꼭 끝까지 완강하시라고 추천드리고 싶습니다. 이고잉 님 정말 감사합니다:)

강민승 2018.02.03

기초적인 css강좌 css 기초를 확실히 연습할 수 있습니다

Philip Seo 2018.01.09

감사합니다. 궁금했던 부분이 있었는데 쉽게 설명해주셔서 이해하는데 큰 도움이 되었습니다.

윤진환 Youn 2018.01.08

css 내용을 전반적으로 이해할 수 있었습니다. 강력추천!

hyuk07 2017.12.15

css 에 대한 개념과 내용을 알기 좋았습니다 잘봤습니다 감사합니다 ㅠ_ㅠ

hyuk07 2017.12.15

css 에 대한 개념과 내용을 알기 좋았습니다 감사합니다 ㅠ_ㅠ

누리군 2017.11.24

잘봤습니다 다양한 경우를 경험할수 있게 강좌를 꾸며주셔서 감사합니다

송재봉 2017.11.14

아주 유익한 강좌였습니다. CSS알못 이었는데, 쉽고 유용한 내용의 강좌가 많은 도움이 되었습니다. 감사합니다.

Star_Man 2017.10.21

잘 봤습니다. flex에 대한 설명이 제일 좋았습니다.

강규민 강 2017.10.13

최고에요~!!! 정말 쉽게 잘 설명해 주십니다~^^

여운서 여 2017.10.05

감사합니다. 기초적인 부분을 확실하게 배울수있는 강의 였던 것 같습니다. 다음에 한번 더 복습차원으로도 듣고싶습니다.

Kulluck 2017.09.03

구체적인 강의 책에 없는 내용도 가르쳐주시니 책보고 복습용으로 한 번 더 보는 걸 추천드립니다.

꼬맹이쥬 2017.08.28

너무좋았어요!!!! 다양한 내용이랑 쉽게 설명해주셔서 이번 강좌도 즐겁게 마무리했습니다!

장성빈 2017.08.15

good good

윤소정 2017.08.15

아 좋다 좋은 강좌 감사합니다

이원찬 2017.08.08

CSS에 대해서 잘 알 수 있었습니다.

양동석 yang 2017.08.08

너무 감사합니다! 학원가기 전에 혼자서 공부하면서 많이 배웠네요! 감사합니다!

수지아빠 2017.07.19

CSS 기본부터 활용까지 쉬운 설명으로 잘 들었습니다.

최강플머 2017.06.27

제대로 공부하고 갑니다. 고맙습니다.

For ever 2017.05.19

잘 들었습니다. 개념을 이해하는데 많은 도움이 되었습니다. 최신 기술관련 내용도 반영되어 좋았습니다. 감사합니다.

남상혁 2017.04.11

쉽고 재밌게 잘 들었습니다. 목소리도 너무 좋으시고, 머리에 쏙쏙 들어오게 잘 설명해주시네요. 강추 입니다.

Jaesung Choi 2017.03.28

개념정리용! 개념정리용으로 진짜 좋은 강의입니다!

Lukious 2017.03.21

HTML에서 CSS까지 감사합니다! HTML 완강한 이후 수강했습니다. 난이도는 전혀 어렵지 않은편이였고 자세하게 설명해 주셔서 편히 수업들을수 있었습니다. 이 강의를 다 수강하고 나면 아마 기본적인 개인 포트폴리오 사이트정도는 간단하게 만들수 있지 않을까 싶습니다. 다만 아쉬운 점은 강의에서 알려주는 링크가 따로 텍스트로 설명되어있지 않아 링크를 일일히 쳐야한다는 점이 조금 아쉬웠습니다.