1. 스타일 시트 시작 부분에 스타일 시트의 생성 날짜, 작성자, 태그 및 기타 비고 정보를 설명하는 주석 블록을 추가합니다.
| 예제 소스 코드 : /* ---------------------------------- 사이트: 사이트 이름 작성자: 52CSS.com 업데이트됨: 날짜 및 시간 업데이트한 사람: 이름 ---------------------------------- */ |
2. 공개 색상 표시를 포함합니다.
| 예제 소스 코드 : /* ---------------------------------- 그림 물감 본문 배경: #def455 컨테이너 배경: #fff 본문: #333 링크: #00600f 방문한 링크: #098761 호버 링크: #aaf433 H1, H2, H3: #960 H4, H5, H6: #000 ---------------------------------- */ |
3. ID와 Class에 의미있는 이름을 부여하세요.
권장되지 않는 이름 지정 방법:
| 예제 소스 코드 : .green-box { ... } #큰 텍스트 { ... } |
권장되는 이름 지정 방법:
| 예제 소스 코드 : .풀인용문 {... } #소개 {... } |
4. 관련 스타일 규칙 통합
| 예제 소스 코드 : #헤더 { ... } #헤더 h1 { ... } #header h1 img { ... } #헤더 형식 { ... } #헤더 a#건너뛰기 { ... } #탐색 { ... } #탐색 ul { ... } #navigation 울리 { ... } #navigation ul li a { ... } #navigation ul li a:hover { ... } #콘텐츠 { ... } #content h2 { ... } #콘텐츠 p { ... } #contentul { ... } #컨텐툴리 { ... } |
5. 스타일에 명확한 설명 추가
| 예제 소스 코드 : /* ---------------------------------- 헤더 스타일 ---------------------------------- */ #헤더 { ... } #헤더 h1 { ... } #header h1 img { ... } #헤더 형식 { ... } /* ---------------------------------- 탐색 스타일 ---------------------------------- */ #탐색 { ... } |