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님 글 보면서 대충 생각나는 것만 적어봤습니다. 추가 삭제할 부분있다면, 태클 걸어주세요. :)