웹 개발과 관련된 모든 것들

CSS는 계층형 스타일 시트를 위한 표준이다.

웹페이지들의 내용들의 구획을 나누는 방법이다.


CSS가 하는일들 :

style은 폰트와 색등 정의한다.

선택자 : 각 style들의 유일한 이름

선택자와 style은 한 곳에 정의된다.

예)

새로운 테이블의 칸들에 대해 색과 폰트를 style로 대체 설정한다.

원 HTML 구문

<table> <tr><td bgcolor="#FFCC00" align="left"><font face="arial" size="2" color="red"><b>this is line 1</b></font></td></tr> <tr><td bgcolor="#FFCC00" align="left"><font face="arial" size="2" color="red"><b>this is line 2</b></font></td></tr> <tr><td bgcolor="#FFCC00" align="left"><font face="arial" size="2" color="red"><b>this is line 3</b></font></td></tr> </table>

CSS 변경 적용 구문 (subtext라는 선택자로 정의하여 사용한 경우)

<table> <tr><td class="subtext">this is line 1</td></tr> <tr><td class="subtext">this is line 2</td></tr> <tr><td class="subtext">this is line 3</td></tr> </table>

CSS 변경 적용 구문은 기존 HTML 구문을 사용할 때 보다 훨씬 강력하게 표현할 수 있으며 각 내용들을 분리할 수 있다.


CSS로 가능한 것들....

1. 한곳에 당신이 보이길 원하는 페이지를 정의가능하다.
  
2. 보여지는 페이지를 쉽게 수정가능하다.

3. 폰트크기와 주요속성들을 정의할수 있다.

4. 웹페이지의 원하는 화면의 픽셀에 내용을 위치할 수 있다.

5. HTML 태그 전체를 재정의 가능하다.

6. 링크들에 대해 임의로 정의가능하다.

7. 레이어를 정의가능하다.

CSS의 단점...

IE 4 이상에서만 작동한다.

이글의 모든 내용을 www.echoecho.com 에서 참조하였을 밝힌다.