CSS란?
HTML이 웹페이지의 '뼈'라면 CSS는 '살'이라고 할 수 있습니다. 즉 HTML이 웹페이지의 정보를 표현한다면, CSS는 HTML을 보기 좋게 디자인하는 역할을 하는 언어입니다.
따라서 CSS를 공부하려면 선행지식으로 HTML을 요구합니다. 물론 HTML을 많이 알고 있을 필요는 없습니다. HTML이 무엇이고, 태그는 어떻게 사용하는지만 알고 있으면 CSS를 배울 수 있습니다. 하지만, CSS의 대상이 HTML이라는 점에서 CSS에게 있어서 HTML은 필연적입니다.
코스소개
수업
CSS에 대한 기본적인 내용을 전달합니다. 선택자나 박스모델과 같은 중요한 내용을 포함합니다. 특히 HTML이 정보를 CSS가 디자인을 담당하게 된 맥락과 그에 따른 적합한 사용방법에 유의하면서 청강해주세요. (바로가기)
LESS
CSS의 미덕은 간결한 문법구조입니다만, 간단한 것은 자유롭지 못합니다. 다시 말해서 기능성이 떨어진다는 것이죠. LESS는 CSS의 부족한 기능성을 보강해서 javascript와 같이 동적인 프로그래밍 언어의 기능인 변수, 함수와 같은 기능을 제공합니다. 유지보수의 공수가 드라마틱하게 줄어듭니다. (바로가기)
SASS
SASS는 LESS의 동일한 기능을 제공하는 다른 솔루션입니다. LESS에 대한 설명을 참조하세요. (바로가기)
Twitter Bootstrap
트위터에서 자신들의 웹서비스를 위해서 사용하던 UI 프래임웍을 오픈소스로 공개한 것이 Bootstrap입니다. 이것을 이용하면 HTML의 엘리먼트에 CSS 클래스 네임만 부여하면 그에 해당하는 디자인이나, 컴포넌트가 생성됩니다. (바로가기)
이런 분들에게 특히 도움이 됩니다.
- 프로그래머
- 웹디자이너
- 웹기획자
- 블로거
- 저널리스트
- 쇼핑몰 운영자
CSS를 배우는데 필요한 선행지식
CSS를 선행지식으로 하는 기술들
- javascript
- jQuery
- Server Side Tech(php,asp,jsp)
