> 웹 프론트엔드 > CSS 튜토리얼 > 더욱 효율적인 CSS 코드 작성 페이지 1/3_체험교류

더욱 효율적인 CSS 코드 작성 페이지 1/3_체험교류

PHP中文网
풀어 주다: 2016-05-16 12:06:24
원래의
1279명이 탐색했습니다.

많은 웹디자이너와 개발자들이 고민하는 질문입니다. 스타일 시트가 한 번에 특정 비율로 줄어들 것이라고 보장할 수 있는 마법은 없을 것입니다. 그러나 합리적인 CSS 코딩 및 구성 기술은 실제로 더 명확하고 효율적인 코드를 더 효율적으로 작성하는 데 도움이 될 수 있습니다. 크기도 다운로드 시간을 줄여줍니다.​

1. 조판:

1. 키워드와 연산자 사이에 적절한 공백을 추가합니다.

2. 상대적으로 독립적인 프로그램 블록 사이에 빈 줄을 추가하세요

3. 긴 문장, 표현식 등은 여러 줄로 작성해야 합니다.

4. 레이아웃을 깔끔하게 만들고 명령문을 읽기 쉽게 만들기 위해 새 줄을 적절하게 들여쓰기해야 합니다.

5. 긴 표현식은 우선순위가 낮은 연산자에서 새 줄로 나누어야 하며, 연산자는 새 줄의 시작 부분에 배치되어야 합니다.

6. 루프, 판단, 기타 문장에 긴 표현이나 문장이 있는 경우 적절하게 나누어야 합니다.

7. 함수나 프로세스의 매개변수가 길 경우 적절하게 나누어야 합니다.

8. 한 줄에 여러 개의 짧은 문장을 쓰는 것은 허용되지 않습니다. 즉, 한 줄에 하나의 문장만 쓰는 것이 허용되지 않습니다.

9. 함수나 프로세스의 시작, 구조의 정의, 루프나 판단과 같은 문장의 코드는 들여쓰기를 해야 합니다.

10.C/C++ 언어는 프로그램 블록을 구분하기 위해 중괄호 '{'와 '}'를 사용합니다. 프로그램 블록을 작성할 때 '{'와 '}'는 각각 전용 라인을 차지하고 위치해야 합니다. 동일한 열에 해당 항목을 참조하는 문이 왼쪽 정렬됩니다. 위의 들여쓰기 방법은 함수 본문의 시작 부분, 클래스 정의, 구조 정의, 열거형 정의 및 if, for, do, while, switch 및 Case 문에서 프로그램을 사용해야 합니다. .

2. 댓글

1. 댓글은 간결하고 명확하게 작성해야 합니다.

2. 코드를 작성하면서 주석을 달고 코드를 수정하는 동시에 해당 주석도 수정하여 주석과 코드의 일관성을 보장합니다.

3. 필요한 부분에 댓글을 달고, 댓글의 양은 적당해야 합니다. 주석의 내용은 명확하고 간결해야 하며, 주석의 모호성을 방지하기 위해 의미가 정확해야 합니다. 주석이 설명하는 코드 옆에 주석을 두십시오. 즉, 주석의 근접 원칙입니다.

4. 코드에 대한 설명은 아래가 아닌 위쪽에 인접하게 배치되어야 합니다.

5. 데이터 구조에 대한 주석은 그 아래가 아닌 바로 옆에 배치되어야 합니다. 구조의 각 필드에 대한 주석은 동일한 구조의 다른 필드 오른쪽에 배치되어야 합니다. 정렬됩니다.

6. 변수, 상수에 대한 설명은 그 옆이나 오른쪽 위에 배치해야 합니다.

7. 전역 변수에는 해당 함수에 대한 설명, 값 범위, 액세스하는 함수 또는 프로시저, 액세스 시 주의 사항 등 더 자세한 설명이 있어야 합니다.

8. 각 소스 파일의 헤드에는 다음을 포함하는 필수 주석 정보가 있어야 합니다. 이 파일과 다른 파일 사이 등), 이 파일의 주요 기능 또는 프로세스 목록 및 이력 수정 기록 등

9. 각 함수 또는 프로시저 앞에는 함수 또는 프로시저 함수 설명, 호출 관계 및 호출된 관계 설명 등을 포함하는 필수 주석 정보가 있어야 합니다.

3. 이름 지정

1. 짧은 단어는 "모음"을 제거하여 축약할 수 있습니다.

2. 긴 단어가 바람직합니다. 단어의 처음 몇 문자를 사용하고 기본 우선순위를 사용하지 않도록 괄호를 사용하여 표현식의 작동 순서를 명확히 합니다.

 3. 헝가리어 표기법 사용


관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿