HTML/CSS Cookbook

HTML/CSS Cookbook

| 공개

CSS는 여러가지 엘리먼트와 속성을 재료로 사용하기 편하고 보기좋은 웹사이트를 만들 수 있게 해줍니다.
이곳에서는 그러한 CSS를 이용해서 웹사이트를 구성하고 있는 요소 하나하나의 디자인을 적용해 보려고 합니다.

CSS레시피이긴 하지만, CSS만 가지고는 아무것도 할 수가 없습니다. 먼저 HTML이 있어야 합니다.
사람으로 비유하자면 HTML이 뼈대이고, CSS는 그 뼈대에 붙어 있는 살이라고 할 수 있습니다.
그러니 이 "CSS Recipe"에 선행해서 "html 수업"과 "html사전" 그리고 "CSS수업" 먼저 보시면 도움이 됩니다.
물론 HTML수업이나 CSS수업을 건너뛰고, 예제를 하나하나 만들면서 공부해 나가는것도 괜찮은 방법이라고 생각합니다. ^^

유용한 사이트

http://jsfiddle.net/
라이브로 예제를 실행해 볼 수 있는 서비스다. 직접 코드를 변경 하면서 결과를 실시간으로 확인해볼 수 있다. 특별한 개발도구가 필요 없다는 것이 장점이다.

http://www.csszengarden.com/
CSS를 활용한 훌륭한 예제 사이트이다. html을 수정하지 않고, css만으로 다양한 디자인을 적용할 수 있다는 예를 보여주고 있다. 

http://hooney.net/docs/css
CSS 한글 레퍼런스

댓글

댓글 본문
  1. 양공주
    너무 좋은 수업이었어요
  2. 이리아
    완됸 꿀잼이네여 ^^
  3. 유기문
    html 수업 링크된 곳에 들어갔는데, 아무것도 안나와요.
    ^^ html 수업 부탁드려용~
  4. Kwang Hoon Kim
    열심히 따라해보고 이써요
graphittie 자세히 보기