(1) 일반적으로 사용되는 CSS 명명 규칙
헤더: 헤더
콘텐츠: 콘텐츠/컨테이너
꼬리: 바닥글
탐색: 탐색
사이드바: 사이드바
열: 열
페이지 주변 장치 제어 전체 레이아웃 너비: 래퍼
왼쪽 오른쪽 중앙: 왼쪽 오른쪽 중앙
로그인 바: 로그인바
로고: 로고
광고: 배너
페이지 본문: 메인
핫스팟: 핫
뉴스: 뉴스
다운로드: 다운로드
하위 탐색: 하위 탐색
메뉴: 메뉴
하위 메뉴: 하위 메뉴
검색: 검색
친근한 링크: friendlink
바닥글: 바닥글
저작권: 저작권
스크롤:스크롤
내용: 내용
태그 페이지: 탭
기사 목록: 목록
프롬프트 메시지: msg
팁: 팁
열 제목: 제목
가입: Joinus
가이드 : 길드
서비스: 서비스
등록:등록자
상태: 상태
투표:투표
파트너: 파트너
(2) 코멘트 작성 방법:
/* 바닥글 */
콘텐츠 영역
/* 바닥글 끝 */
(3) 아이디의 명칭 :
(1)페이지 구조
컨테이너: 컨테이너
헤더: 헤더
콘텐츠: 콘텐츠/컨테이너
페이지 본문: 메인
바닥글: 바닥글
탐색: 탐색
사이드바: 사이드바
열: 열
페이지 주변 장치 제어 전체 레이아웃 너비: 래퍼
왼쪽 오른쪽 중앙: 왼쪽 오른쪽 중앙
(2)내비게이션
탐색: 탐색
기본 탐색: mainbav
하위 탐색: 하위 탐색
상단 탐색: 상단 탐색
측면 탐색: 사이드바
왼쪽 탐색: 왼쪽 사이드바
오른쪽 탐색: 오른쪽 사이드바
메뉴: 메뉴
하위 메뉴: 하위 메뉴
제목: 제목
요약: 요약
(3)기능
로고: 로고
광고: 배너
로그인: 로그인
로그인 바: 로그인바
등록:등록자
검색: 검색
리본: 상점
제목: 제목
가입: Joinus
상태: 상태
버튼 : btn
스크롤:스크롤
태그 페이지: 탭
기사 목록: 목록
프롬프트 메시지: msg
현재: 현재
팁: 팁
아이콘: 아이콘
참고: 참고
가이드 : 길드
서비스: 서비스
핫스팟: 핫
뉴스: 뉴스
다운로드: 다운로드
투표:투표
파트너: 파트너
친숙한 링크: 링크
저작권: 저작권
(4) 클래스 이름 지정:
(1) 색상 : 색상명이나 16진수 코드 등을 사용합니다.
.red { 색상: 빨간색 }
.f60 { 색상: #f60 }
.ff8600 { 색상: #ff8600 }
(2) 글꼴 크기, "글꼴+글꼴 크기"를 이름으로 직접 사용합니다.
.font12px { 글꼴 크기: 12px }
.font9pt {글꼴 크기: 9pt }
(3) 정렬 스타일은 정렬 대상의 영문명을 사용합니다.
.왼쪽 { 부동:왼쪽 }
.하단 { 부동:하단 }
(4) "범주 + 함수"를 사용하여 명명된 제목 표시줄 스타일(예:
.barnews { }
.bar제품 { }
메모::
1. 항상 소문자입니다.
2. 가능한 한 영어를 사용하십시오.
3. 대시나 밑줄을 추가하지 마세요.
4. 한눈에 이해하기 쉬운 단어가 아닌 이상 단어를 축약하지 마세요.
메인마스터.css
모듈모듈.css
기본 공유 베이스.css
레이아웃, 레이아웃layout.css
테마 theme.css
열columns.css
텍스트폰트.css
formforms.css
patchmend.css
printprint.css
저자는 이 사이트에 연락하여 즉시 귀하의 이름을 포함하시기 바랍니다. 연락처 이메일: edu#chinaz.com(#을 @로 변경).