CSS 초급과 중급의 차이

Hooney님 글에 트랙백. 일단 제목에 맞는 예제부터 보시고…

예제

초급

.font_04  {    color: #333333; font-weight: bold;}
.font_05  { font-family: "돋움"; font-size: 14px; color: #ffffff; font-weight: bold;}
.font_06  { font-family: "돋움"; font-size: 12px; color: #006699; font-weight: bold;}
.font_07  { font-size: 14px; color: #CC3333; font-weight: bold;}
.font_08  { font-size: 14px; color: #134472; font-weight: bold;}
.font_09  { font-family: "돋움"; font-size: 12px; color: #CC3333; font-weight: bold;}
.font_sun  { color: red;}
.font_sat  { color: blue;}

중급

body    { font-family:"돋움", Dotum, Arial, sans-serif; font-size:.75em; color:#333; }
#wrap   { width: 65em; margin: 0 auto; }
#header { paddding: 0 1em; }
#header p { line-height:1em; }
#calendar { width: 80%; font-size: 1em; color: #c33; }
#calendar .sun { color: red; }
#calendar .sat { color: blue; }

차이점

• 초급은 클래스를 남발한다. CSS는 그저 HTML을 장식하는데 좀 더 편리한 수단에 지나지 않는다. 그래서 HTML에 class외의 관련 속성을 찾아보기 힘들다.
• 초급은 에디터에서 지원하는 속성이나 값에 의존하는 경향이 강하기 때문에 올바른 속성을 사용하지 않는 경우가 많다.
• 초급은 CSS에서 글자 색상이나 배경색, 테두리 색상 등, 간단한 것들만 선언하는 경우가 많다.
• 중급은 상속의 개념 등을 이해하기 때문에 id와 class를 적절히 섞어 쓰며, CSS 구문도 효율적으로 작성한다.
• 중급은 속성과 값을 알고 사용할 수 있어서 사이트의 전반적인 형태를 CSS로 제어할 수 있다.
• 중급은 선택자를 적절히 사용하기 때문에 HTML 구문 역시 구조적이고 효율적으로 작성한다.

뭐 Hooney님 글 보면서 대충 생각나는 것만 적어봤습니다. 추가 삭제할 부분있다면, 태클 걸어주세요.