HTML 편집기
HTML의 쓰임새
텍스트 에디터의 장점
추천 텍스트 에디터
웹브라우저
홈페이지 제작과정
포토샵(Photoshop)
스타일 시트(CSS)
자바스크립트(Javascript)
호스팅 신청
호스팅 선택요령
도메인 신청
도메인 작명법
호스팅과 도메인 연결
FTP
파일질라(FileZilla) 설치
파일질라(FileZilla) 사용법
스타일 시트(CSS)

CSS(Cascading style sheet)란 HTML을 보완하기 위해서 만들어진 것으로 폰트, 색상, 공백 공간과 그 밖의 문서 표현 측면을 자유로이 지정할 수 있는 기능을 제공합니다.


HTML은 문서의 구조를 표현하기에 적합한 마크업 언어라서 화면상에 컨텐츠를 깔끔하게 보여주기에는 한계가 있습니다.

CSS(Cascading Style Sheets)를 배워야 첫번째 이유는 HTML로 표현하기 힘든 부분을 CSS로 보완하기 위함입니다.

HTML 태그로는 아래와 같은 표현이 불가능합니다.

언더라인

취소선

자간조정

CSS를 사용하면 이와같이 HTML에서 지원하지 않는 다양한 스타일의 표현이 가능합니다.
CSS를 사용해야 하는 두번째 이유는 작업의 효율성 때문입니다.

CSS를 사용하면 문서의 컨텐츠와 스타일을 분리할 수 있습니다. 예를들면 CSS는 HTML 문서의 상단에 아래와 같이 정의할 수 있습니다.

홈짱닷컴은 홈페이지 제작강좌를 제공하는 사이트입니다.
1~3라인 까지가 CSS 코드입니다.

a {color:red;} 는 a 태그의 색상을 red로 지정하라는 의미입니다. 이처럼 문서 상단에 CSS로 스타일을 지정하면 문서 전체의 a 태그의 색상을 결정할 수 있습니다.

만일 a 태그의 색상을 수정해야 한다면 CSS만 수정하면 되기에 문서작업의 효율성이 올라갑니다.

그리고 CSS는 배우기가 아주 쉽습니다. HTML을 익히면서 보다 더 다양한 표현을 위해서 CSS도 익힌다는 마인드로 접근하면 됩니다. 홈페이지 제작에 있어서 CSS는 필수라고 할 수 있으니까요.
Related links
홈짱닷컴의 CSS 기본강좌. HTML에 대한 이해가 되었으면 CSS를 배워보세요.
Copyright © Homejjang.com All rights reserved.