Thumbnail
BEST 개발 · 프로그래밍 웹 개발
CSS 기본부터 활용까지
(5.0)
140개의 수강평 ∙ 6872명의 수강생

무료

지식공유자 : Egoing Lee
총 49개 수업˙총 7시간 11분
평생 무제한 수강
수료증 미발급 강의
입문 초급 대상 중급이상
내 목록 추가 공유
초급자를 위해 준비한
[웹 개발, 웹앱 디자인] 강의입니다.

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

1. 강좌소개

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

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

2. 도움되는 분들

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

3. 강좌 특징

   


안녕하세요
Egoing Lee 입니다.
Egoing Lee의 썸네일
커리큘럼 총 49개 ˙ 7시간 11분의 수업
이 강의는 영상, 수업 노트가 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 오리엔테이션 및 준비
섹션 1. 섹션 1. 선택자 (selector)
선택자와 선언 07:00
ID 선택자
부모 자식 선택자 08:00
선택자 공부 팁 05:00
가상 클래스 선택자 07:00
섹션 2. 섹션 2. 적용 순서
상속 09:00
캐스케이딩 이란? (적용 우선순위) 05:00
캐스케이딩 실습 09:00
섹션 3. 섹션 3. 서체 다루기
크기 : font-size 12:00
색상 : color 09:00
정렬 : text-align 04:00
서체 : font-family, font-weight, line-height 10:00
웹폰트 14:00
섹션 4. 섹션 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. 섹션 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. 섹션 6. 그래픽
배경 (background) 13:00
필터 (filter) 11:00
변형 (transform) 소개 09:00
움직임 주기 - transition 기본 09:00
움직임 주기 - transition 심화 12:00
섹션 7. 섹션 7. 유지보수
link 와 import 로 한번에 적용하기 17:00
코드 경량화 (minify) 13:00
섹션 8. 섹션 8. CSS 뛰어넘기 - preprocesser
preprocesser 소개 08:00
preprocesser 에디터의 확장기능 06:00
명령어로 컴파일 하기 04:00
섹션 9. fontello 서비스 사용하기
Fontello 1 : 소개 06:00
Fontello 2 : 사용법 09:00
Fontello 3 : 원리 11:00
Fontello 4 : 폰트만들기 06:00
강의 게시일 : 2016년 10월 07일 (마지막 업데이트일 : 2018년 01월 08일)
수강평 총 140개
수강생분들이 직접 작성하신 수강평입니다. 수강평을 작성 시 300잎이 적립됩니다.
5.0
140개의 수강평
5점
4점
3점
2점
1점
VIEW 좋아요 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
jih-su thumbnail
도움이 많이 됩니다
2021-04-17
loveyust99 thumbnail
간결하고 차분하게 핵심 개념을 잘 잡아주셔서 감사합니다.
2021-04-17
달리자 thumbnail
CSS 입문으로 들은 강의인데 이해도 잘 되고 간단한 실습도 할 수 있어서 좋았습니다.
2021-04-20
휴식중인 불가사리 thumbnail
CSS 다 안다고 생각했는데 많은 걸 배워갑니다. 사실 실무에서는 매번 사용하는 속성들만 쓰고 그걸로도 충분하다고 생각했는데 이렇게 강의를 들으니 새삼 몰랐던 것이 많았던 것을 깨달았습니다. fontello는 사이트만 알고 사용법을 몰랐는데 이 강좌에서 사용법을 배울줄 몰랐어요. 개인 포폴 작업할 때 도움이 많이 될 것 같습니다. 이거 정말 들을만한건가? 공짜 강의니까 뭐 별 것 있겠어? 라고 고민하시는 분들이 계신다면 꼭 끝까지 완강하시라고 추천드리고 싶습니다. 이고잉 님 정말 감사합니다:)
2018-02-05
김선례 thumbnail
CSS를 다시한번 정리할 수 있는 좋은 시간이었습니다. 항상 감사드립니다
2019-09-01

무료

내 목록 추가 공유
지식공유자 : Egoing Lee
총 49개 수업˙총 7시간 11분
평생 무제한 수강
수료증 미발급 강의
입문 초급 대상 중급이상
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의를
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스