div+css 프런트엔드 명명 규칙 공유

CSS+DIV 웹페이지를 개발할 때 가장 헷갈리고 얽히는 것은 CSS 네이밍입니다. 특히 초보자들은 이름을 어떻게 지정해야 할지 모르고 단어가 부족하다고 느낄 때가 많습니다. 다음으로 div+css에 대해 알려드리겠습니다. 프론트엔드 네이밍 규칙, 도움이 필요한 친구들이 참고할 수 있으니 도움이 되길 바랍니다.

프런트 엔드 레이아웃 사양 세부 사항

1. 이름 지정 사양:

1. 기본 요구 사항:

1) 파일 인코딩은 UTF-8 인코딩을 균일하게 사용합니다.

2) 이름 지정 시 의미론적 준수가 기본입니다. 참조 표시기. CSS 속성은 통일된 스타일과 명명 방법을 사용하여 사양에 작성됩니다.

3) 구조가 명확하고 계층 관계가 명확하며 표준은 3개 이하입니다. 재사용이 가능하려면 동일한 표현식이 필요하며, 모듈 구성 요소 클래스의 스타일 전체가 외부에 이식될 수 있어야 합니다.

5) CSS를 작성할 때 CSS Hack을 사용하지 말고 사용하지 마세요. 할 수 있다면.

6) 모든 페이지는 기본적으로 Firefox 등 표준에 가장 가까운 브라우저에 맞게 설계되었으며, IE 고유의 조건부 주석 기능을 사용하여 타겟 수정이 가능합니다.

7) 명명에는 영어를 사용하고 병음 사용은 지양하세요. 이름은 읽을 수 있어야 하며 약어는 가능한 한 피해야 합니다. 이름에는 숫자를 사용하는 것은 허용되나, 숫자로 명명하는 것은 최대한 피하는 것이 좋습니다.

2. 명명 방법 통일된 명명 방법이 필요합니다. 일반적으로 사용되는 명명 방법은 다음과 같습니다.

1) 연속 명명법(예: helloworld

2) 중간선 명명법(예: hello-world(이 방법은 현재 더 자주 사용되며 권장됨)

3) 밑줄 명명법, 예: hello_world

4) 낙타 명명법: helloWorld

5) 파스칼 명명법: HelloWorld

6) 기타 방법.

3. 스타일 파일 명명 규칙은 다음과 같습니다:

Main: master.css;

레이아웃 및 레이아웃:

Columns: columns.css;

인쇄 스타일: print.css;

테마: theme.css;

패치: pacth.css;

4. ID 및 클래스 이름 지정의 공통 이름

헤더: 헤더

로그인 바: 로그인 바

로고: 로고

사이드바: 사이드바

광고: 배너

Navigation: nav

sub Navigation : 하위 탐색

메뉴: 메뉴

하위 메뉴: 하위 메뉴

검색: 검색

스크롤: 스크롤

페이지 본문: 메인

콘텐츠: 콘텐츠

탭: 탭

글 목록: 목록

팁: msg

팁: 팁

열 제목: 제목

가입: Joinus

가이드: 길드

서비스: service

핫스팟: hot

뉴스: news

다운로드: 다운로드

등록: regsiter

상태: 상태

버튼: btn

투표: vote

파트너: 파트너

Friendly 링크: friendlink

저작권: copyright

Coat: 랩

바닥글: footer

제목 ：제목

Top 탐색: 상단 탐색(미니 탐색)

위 내용은 div+css 프런트엔드 명명 규칙 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!