생활코딩

Coding Everybody

코스 전체목록

닫기

CSS

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를 선행지식으로 하는 기술들

 

 

댓글

댓글 본문
작성자
비밀번호
  1. 반달곰
    감사합니다.
  2. ㄷㅇㅇㅇ
    CSS 미쳐버리겠습니다. 자바스크립트는 제가 생각한 대로를 표현할 수 있겠는데 CSS는 그냥 지맘대로인 거 같가요...
  3. souLTrain
    Yes! I can do this!! :D
  4. Joon Lee
    OK, here we go~!
  5. Ian Si Mong Seong
    CSS 시작합니다
  6. CSS 도 정주행 출발 ~ !
  7. 빨강머리앤
    html수업에 이어 css 도전해 봅니다... 감사합니다.
  8. 정말 감사합니다. css도 재밌게 배워볼게요!
  9. kush
    아 기대됩니다!
    이런 기회를 주신 egoing 님 및 많은 분들께 감사합니다 (꾸벅)
  10. 1212
  11. 그레이트
    20시간 완주! HTML도 완주! 이제 CSS 시작시작!!! 감사합니다 이고잉님!!!
  12. 라니
    CSS 시작~~~
  13. egoing
    수정 했습니다. ^^
    대화보기
    • Hyunjin Oh
      CSS를 선행지식으로 하는 기술들
      javascrpt 오타요! ㅎㅎ
    • 워니요
      시작시작!
    • IWCTWTMG
      시작이다!
      12월까지 php 수업 중간까지 완벽히 공부해야지!
    • hoona
      안녕하세요. 혹시 SASS고수님 계시나요? SASS영문책(90p) 번역 잘하시는 분 찾고 있어요.
      관심 있으신 분 댓글 주실래요?
    • judgeon
      덕분에 좋은 정보 감사합니다.
    • 김태일
      CSS 이제 시작!!
    • 김태언
      덕분에 웹에 한걸음 한걸음 다가가는게 신기 합니다. 감사합니다.
    • saygoodbuy
      홓ㄹ
    • Kyounglak Choi
      좋은 정보 감사드립니다~
    • Lunatchoi
      우와 심플하다....굿..
    • egoing
      고맙습니다. 답장이 늦었네요 :)
      대화보기
      • egoing
        이제야 수정했습니다.;; :)
        대화보기
        • egoing
          지금 고쳤습니다. 제가 항상 틀리는 정서법입니다 ㅠㅠ
          대화보기
          • Purehsa
            항상잘보고 배우고가고있습니다^^
          • 디피
            헤헤... 하나 말씀드리고 싶은 건저기 세 번째 줄에 'CSS는 HTML을 보기 좋게 디자인하는 역활을 하는 언어입니다.'에역활이 아니라 역할이 바른 말 아닐까요~
          • Tael Kim
            CSS를 배우는데 필요한 선행지식> HTML 링크가 깨졌습니다. 11->3으로 바꾸면 될듯합니다..
          graphittie 자세히 보기