Rev. 2.73

vcss.png

작업하면서 알아낸 CSS 권장 사용법을 정리해 보았습니다. 폰트관련 코드는 항상 font-family, font-size, line-height:를 사용하여 글꼴을 관리하였는데 font:를 사용하니 매우 간결하고 사용도 간편하군요. IE전용 filter: 및 불여우 전용 -moz 관련 스타일들은 전부 에러가 발생합니다. 그리고 모든 스타일 정의에 background-color를 지정하라는 W3C의 경고는 정말 이해할 수 없더군요.

- 모든 class에 background-color 사용 권장(못 본 척 함)
- 링크 또는 폰트색상이 배경색과 같을 경우 경고(못 본 척 함)
- 폰트 정의가 같은 경우 경고(못 본 척 함)
- font-family: font-size: line-height: 대신 font:를 사용
예1) font: 12px/1.5 Dotum, Verdana, AppleGothic, Sans-serif;
예2) font: bold 10px Tahoma;
- body 또는 부모 class에 적용한 폰트 스타일은 중복으로 정의할 필요 없다.
- color 코드 6자리가 모두 같은 경우 3번만 쓰자.
예1) color:#666
- 파이어폭스는 width, height값에 padding값을 포함한다. 익스플로러는 width, height값에 padding값을 포함하지 않아 서로 다른 결과가 나타난다. 이런 경우 * html .class { width:123px; }와같이 IE전용으로 지정해 준다.
예1) .class { width:123px; padding: 5px 10px 0 10px; }
* html .class { width:143px; }

Comments