생활코딩

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. 오대준
    3일간 html 동영상 보면서 실습 마쳤어요 오늘 드디어 css들어갑니다 화이팅입니다~~
  2. emeraldhoon
    https://opentutorials.org......895 이것도 깨져있네요 ㅠ
    대화보기
    • 헤밍웨이
      시작합니다!
    • Sansol Park
      알려주셔서 감사해요! 곧바로 수정하겠습니다. :)
      대화보기
      • Sansol Park
        알려주셔서 감사합니다! 수정할게요!
        대화보기
        • Sansol Park
          확인해보겠습니다! +_+
          대화보기
          • Sansol Park
            http://xn--bj0bv9kgwxoqf.org/ 한글코딩이라는 사이트도 있어요. :)
            혼난다는 의미도 맞는 말입니다. ㅎㅎ
            대화보기
            • html 다듣고 css 들으러 왔습니다 /ㅅ/
            • patsm00re18
              Do your research at https://www.google.com
            • Hyuk-Jin
              2020.10.25
            • 공략너구리
              jQuery를 제외한 다른 앵커텍스트들이 모두 404가 뜹니다. 확인 부탁드립니다.
            • 류석현
              시작합니다!!
            • 동급최강후니
            • 김주희
              강의소개에 있는 링크가 오류가 뜬다고 2개월전에 댓글이 있네요..
              css 기본강의 끝내고 더 알아보고싶어서 들어왔는데요. 오류 확인부탁드립니다.
            • 안녕하세요
              안녕하세요. 좋은 강의 잘 보고 있습니다. 그런데 강의소개에 있는 링크들이 전부 오류가 뜹니다. 확인 부탁드립니다.
            • 호두마루
              너울마루님 네 나중에 혼나요
            • 너울마루
              CSS를 공부하는 학생입니다. CSS를 사용하는데 있어서 div 나 class 의 id를 한글로 짓는 습관이 있습니다. 이렇게 id를 한글로 쓰는것은 잘못된 습관인가요?
            • 잭앤슈
              시작합니다.
            • 반달곰
              감사합니다.
            • ㄷㅇㅇㅇ
              CSS 미쳐버리겠습니다. 자바스크립트는 제가 생각한 대로를 표현할 수 있겠는데 CSS는 그냥 지맘대로인 거 같가요...
            • souLTrain
              Yes! I can do this!! :D
            • Joon Lee
              OK, here we go~!
            • Ian Si Mong Seong
              CSS 시작합니다
            • CSS 도 정주행 출발 ~ !
            • 빨강머리앤
              html수업에 이어 css 도전해 봅니다... 감사합니다.
            • 정말 감사합니다. css도 재밌게 배워볼게요!
            • kush
              아 기대됩니다!
              이런 기회를 주신 egoing 님 및 많은 분들께 감사합니다 (꾸벅)
            • 1212
            • 그레이트
              20시간 완주! HTML도 완주! 이제 CSS 시작시작!!! 감사합니다 이고잉님!!!
            • 라니
              CSS 시작~~~
            • 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 자세히 보기