웹 사이트를 예쁘게 꾸미기 위해 반드시 필요한 언어, CSS의 주요 개념과 기본 문법을 소개합니다. 이제 막 HTML로 코딩 걸음마를 떼신 분들도 부담없이 소화하실 수 있습니다.
이런 걸
배워요!
CSS 용도
CSS 주요 개념
CSS 기본 문법
웹 페이지 꾸미기에 꼭 필요한,
css의 모든 것을 배울 시간!
css를 배우고 싶은 욕심만 있다면, 당신도 배울 수 있어요!
본 강의는 강의 소개와 마무리 인사를 포함, 총 21개 영상으로 구성된 입문자용 CSS 강의입니다. HTML에 대한 기초 지식만 가지고 계시면 부담없이 소화할 수 있는 강의입니다.
각 수업은 다음과 같은 흐름으로 진행됩니다.
기초 이론 : 주요 개념들을 알기 쉽게 설명합니다.
실습 안내 : 학습한 내용을 직접 실습하며 확인합니다.
내용 정리 : 학습 내용을 정리하여 마무리합니다.
입문자 분들이 부담감을 느끼지 않고 빠르게 공부하실 수 있도록 하기 위해, 꼭 필요한 주요 개념 위주로 내용을 구성했어요. 이 강의를 수강하고 나면 CSS 코드 작성에 필요한 능력, 그리고 추가적인 학습을 위한 기본기 등은 거의 다 갖추실 수 있을 거에요.
👉🏻 웹 개발 분야에서 CSS의 역할이 무엇인지 이해할 수 있어요.
👉🏻 CSS가 일하는 방식에 대해 이해할 수 있어요.
👉🏻 CSS의 기본 문법과 작성 방법을 익혀볼 수 있어요.
👉🏻 평소 즐겨 사용하는 웹 사이트의 스타일이 어떤 식으로 만들어졌는지 이해할 수 있어요.
CSS의 역할과 핵심 기초 문법, 그리고 HTML 문서와의 연결 등 CSS에 대한 가장 필수적인 기본 지식을 알려드립니다.
선택자, 텍스트 꾸미기, 박스 모델 등 웹 콘텐츠의 기본적인 스타일을 정의하는 방법에 대해 공부합니다.
요소를 포지셔닝 하는 법, 레이아웃을 다루는 원리와 그 방법 등
웹페이지 전체 그림을 구상할 때 필요한 개념에 대해 공부합니다.
기초 이론 설명
학습한 내용 실습
내용 정리
💻 컴퓨터
💻 코드 에디터 (수업에서는 Visual Studio Code를 사용해요)
💻 영타 능력 (속도가 느려도 괜찮아요)
대부분의 영상에는 코드를 작성하는 장면이 등장하는데, 자칫 영상이 지루해질 수 있다고 판단해 대부분 배속 처리를 하였습니다. 따라서 코딩 실습을 따라하시는 경우 일시정지 기능을 적절히 활용해 가시면서 실습을 진행하시길 추천합니다!
학습 대상은
누구일까요?
코딩을 처음 접하는 사람
HTML을 공부 중이거나 공부해 본 사람
CSS 언어에 대해 알아보고 싶은 사람
선수 지식,
필요할까요?
HTML
코드 에디터 사용법 (종류는 무관해요)
개발자 출신 십잡스 크리에이터.
프로그래밍 강사 겸 작가로 활동하고 있습니다.
유튜브 <유노코딩> 채널 운영 중입니다.
배움의 과정에서 겪는 불필요한 고통들이 사라지길 바라고, 또 그래야만 한다고 믿습니다.
경험자의 진정성과 경험을 나누면 고통은 줄어들 수 있습니다.
저의 모든 강의 콘텐츠에서 그런 마음을 느끼실 수 있도록 노력하겠습니다.
많은 분들이 코딩을 재미있게 느끼고, 단순하게 이해할 수 있도록 돕기 위해 항상 노력하고 있습니다.
감사합니다^^
전체
21개 ∙ (4시간 5분)
강의 소개
02:48
CSS란? CSS의 역할 알아보기!
07:13
기본 문법 및 사용 방법
15:23
선택자 1편
14:56
텍스트 꾸미기 속성
21:58
박스모델 1편, 박스모델 소개
11:56
박스모델 3편, box-sizing
09:20
박스모델 4편, background
14:15
float 그리고 clear
09:43
선택자 2편, 특성 선택자와 결합자
16:01
의사클래스(가상클래스)
13:41
의사요소
10:39
z-index
09:56
수업 마무리
04:54