BEST 개발 ・ 프로그래밍 웹 개발

CSS 기본부터 활용까지

(5.0)115개의 수강평 ∙ 6339명의 수강생

Egoing Lee

HTML/CSS

무료

지식공유자 : Egoing Lee

총 49개 수업˙총 7시간 11분

평생 무제한 수강

수료증 미발급 강의

초급 대상

내 목록 추가

초급자를 위해 준비한
[개발 ・ 프로그래밍] 강의입니다.

CSS는 HTML을 아름답게 꾸며주는 디자이너의 언어입니다. CSS는 디지털 컨텐츠를 생산하는 사람들에게는 붓 질과 같은 것이 아닐까 싶습니다. 이 수업에서는 디지털 붓 질을 하는 법을 알려드립니다.

1. 강좌소개

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

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

2. 도움되는 분들

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

3. 강좌 특징

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

이 강의는 영상, 수업 노트이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.

섹션 0. 오리엔테이션 및 준비 3강 ∙ 23분

CSS 소개 15:00

실습환경 미리보기 02:00 HTML 과 CSS 가 만나는 법 미리보기 06:00

섹션 1. 섹션 1. 선택자 (selector) 5강 ∙ 27분

선택자와 선언 07:00

ID 선택자

부모 자식 선택자 08:00

선택자 공부 팁 05:00

가상 클래스 선택자 07:00

섹션 2. 섹션 2. 적용 순서 3강 ∙ 23분

상속 09:00

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

캐스케이딩 실습 09:00

섹션 3. 섹션 3. 서체 다루기 5강 ∙ 49분

크기 : font-size 12:00

색상 : color 09:00

정렬 : text-align 04:00

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

웹폰트 14:00

섹션 4. 섹션 4. 레이아웃 기본 9강 ∙ 1시간 1분

인라인 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. 섹션 5. 레이아웃 활용 10강 ∙ 1시간 54분

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. 섹션 6. 그래픽 5강 ∙ 54분

배경 (background) 13:00

필터 (filter) 11:00

변형 (transform) 소개 09:00

움직임 주기 - transition 기본 09:00

움직임 주기 - transition 심화 12:00

섹션 7. 섹션 7. 유지보수 2강 ∙ 30분

link 와 import 로 한번에 적용하기 17:00

코드 경량화 (minify) 13:00

섹션 8. 섹션 8. CSS 뛰어넘기 - preprocesser 3강 ∙ 18분

preprocesser 소개 08:00

preprocesser 에디터의 확장기능 06:00

명령어로 컴파일 하기 04:00

섹션 9. fontello 서비스 사용하기 4강 ∙ 32분

Fontello 1 : 소개 06:00

Fontello 2 : 사용법 09:00

Fontello 3 : 원리 11:00

Fontello 4 : 폰트만들기 06:00

강의 게시일 : 2016년 10월 07일 (마지막 업데이트일 : 2018년 01월 08일)

수강생분들이 직접 작성하신 수강평입니다. 수강평을 작성 시 300잎이 적립됩니다.

5.0

115개의 수강평

5점

4점

3점

2점

1점

VIEW 좋아요 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순

CSS를 다시한번 정리할 수 있는 좋은 시간이었습니다. 항상 감사드립니다

2019-09-01

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

2018-02-05