[마봉아빠의 CSS/1주차] 쉽게 배우는 CSS 시작!
안녕하세요. 이번에 CSS 강의를 진행하는 마봉아빠 입니다.^^
# CSS 강의(1주차)
## 대상 : html은 알지만, CSS에 대해 배우고 싶은 분.
## 목표 : CSS을 이해하고 작성하고 수정할수 있는 능력향상.
## 기대 : CSS로 자신만의 웹페이지를 표현할수 있도록 합니다.
##준비물 : 노트북, pc카카오톡, 크롬
# 소개
CSS의 작성법 및 적용방법, 그리고 공통적인 속성과 값을 설명합니다.
그리고 텍스트 관련 CSS을 수정해보며, CSS로 글자를 이쁘게 표현해 봅니다.
이번 "마봉아빠의 CSS"을 들으시면, CSS가 만만해 집니다!
# 1주차 커리큘럼
[1주차][초급] 시작
CSS에 관련하여 필수적인 공통부분에 대해 설명합니다.
- CSS란?
- 작성법(Syntax)
- 적용방법
- 셀렉터(Selector) : 선택
- 셀렉터(Selector) : 검색
- 컬러(Color)
- 단위(Unit)
- 주석(Comment)
- 우선순위(Priority Rules)
- 강제적용(!important)
- 가상 클래스(Pseudo Classes)
- 디스플레이(display)
- 비지빌리티(visibility)
- 투명도(opacity)
---
[1주차][초급] 텍스트(inline)요소
HTML요소 중 텍스트를 꾸며주는 CSS에 대해 설명합니다.
- 텍스트 란?
- 폰트명(font-family)
- 색상(color)
- 크기(font-size)
- 굵기(font-weight)
- 좌우정렬(text-align)
- 상하정렬(vertical-align)
- 글자 간격(자간)(letter-spacing)
- 단어 간격(word-spacing)
- 줄 간격(자평)(line-height)
- 들여쓰기(text-indent)
- 데코레이션(text-decoration)
- 텍스트 변형(text-transform)
- 글자 줄바꿈(white-space)
- 단어 줄바꿈(word-break)
---
[1주차][별첨/초중급] 셀렉터(Selector) 와 값(Value)
초급은 아니지만, 유용한 셀렉터와 값을 소개합니다.
- 셀렉터(Selector) : Attribute
- 가상 셀렉터(Pseudo Classes) : nth-child(n)
- 우선순위(Priority Rules) : 심화
- 초기설정값(initial)
- 부모상속값(inherit)
--
커리큘럼은 강의진행 및 상황에 따라 추가 및 변경될수 있으며, "별첨" 항목의 경우 시간상의 제약으로 미진행 될수 있습니다.
장소 : 신촌 아트레온 토즈
일시 : 4월 22일 토요일 오전 9시 ~ 오후 1시
가격 : 4만원
전체 커리큘럼
http://cafe.naver.com/javahanq/2117
