1. 댓글에 대하여
xhtml+CSS 웹사이트를 만들 때 CSS의 댓글은 매우 중요합니다. CSS 스타일을 만들 때 부담 없이 댓글을 다는 습관을 유지해야 합니다. 일반적으로 저는 "/*댓글 내용 */" 형식으로 댓글을 작성하는데 익숙합니다. 에디트플러스 같은 하이라이팅 기능이 있는 에디터에서는 C언어에서 흔히 사용하는 "/***************/"를 사용하기 때문입니다. 이렇게 의미가 없고, 의미없는 내용을 분리해서 많이 채울 필요도 없습니다. 주석이 포함된 문서는 웹 사이트의 원본 CSS 문서 역할을 합니다. 웹 사이트를 게시할 때 CSS 압축 도구를 사용하여 CSS를 압축하고 출력 CSS에서 주석을 제거하여 파일 전송 효율성을 높일 수 있습니다.
2. 이름 지정에 관하여
CSS 파일 이름을 지정할 때, 특이한 부분에는 부분적인 병음 이름을 사용하는 것이 좋습니다. 또한 일부 종속 클래스에서는 "list_banner"와 유사한 이름, 즉 상위 요소 이름에 "_"와 요소 이름을 더한 이름을 사용할 수 있습니다.
네이밍은 팀 디자이너의 습관에 따라 협의 가능합니다. 그러나 나중에 참조할 문서를 생성할 수 있도록 이름 뒤에 설명을 추가하는 것이 가장 좋습니다.
3. 상속에 대하여
CSS에서는 상속을 잘 활용해야 합니다. 예를 들어 두 개의 중첩된 div에서 상위 요소는 background-color 속성을 검정색으로 정의합니다. 하위 요소의 배경도 검정색이면 정의를 반복할 필요가 없습니다. CSS 상속을 잘 활용하면 코드를 더욱 효율적이고 간소화할 수 있습니다.
4. CSS 정의의 계층에 관하여
CSS에서 클래스를 정의할 때 명령문을 설명하기 위해 계층적인 방법을 사용하는 것이 좋습니다.
구조 예: