CSS : CSS 짤 때 좋은 습관, 나쁜 습관

좋은 습관

• Component Library를 이용하여 HTML을 구성하자. (like lego) http://pflannery.github.io/oocss-skeleton.docpad/oocss/help/components.html
• semantic 스타일을 지속적으로 사용하자
• 내부에 종속되지 않도록 모듈을 디자인하자
• 코드를 유연하게 (width는 container가 제어하고, height은 contents가 제어하도록)
• Grid를 사랑하는 습관을 갖자. http://jsfiddle.net/inuitcss/CLYUC/l
• 선택자(selector) 사용은 최소화하자 --> OOCSS를 사용하자. 다중클래스
• 여러개의 클래스를 적용하여 확장성을 열어두자
• CSS Lint를 사용해서 코드를 검사하자
• 구조와 스킨을 독립적으로 관리
• 컨테이너와 컨텐츠를 구분하자

• Reset and fonts를 사용하자 (ex. YUI)

---

나쁜 습관

• 의존적인 스타일을 피하자 .class p{...}
• CSS에 HTML 태그를 적지말자 div.classname{...} or p.classname{...}
• ID 사용은 피하자
• 모든 이미지를 스프라이트 하지 말자
• 높이를 고정시킨 상태에서의 정렬을 피하자
• 텍스트를 이미지로 사용하지 말자
• 너무 이른 최적화는 피하자
• 쓸모 없는 것을 두번 반복해서 사용하지 말자