CSS 효율성 향상

16진수 색상 값 대 자릿수 및 대소문자
16진수 색상 값의 기본 기준은 대문자와 6자리 치수입니다.알 수 없는 상황에서 모험을 원하지 않아 과장의 효율을 떨어뜨렸다.

찬성하지 않음-color:#f3a;

권장 - color:#FF33AA;

display와visibility의 차이
display 숨겨진 대상은 물리 공간을 보존하지 않습니다.visibility는 숨겨진 대상이 차지하는 물리 공간을 보존합니다.브라우저가 차지하는 물리 공간을 렌더링할 때 자원이 소모됩니다.

찬성하지 않음-visibility:hidden;

권장 - display:none;

 
border:none;border:0과;차이점
border:0;테두리를 숨길 수 있지만,border-color/border-style의 사용권을 보존합니다.

찬성하지 않음-border:0;

권장 - border:none;

 
너무 작은 배경 그림을 평평하게 깔아서는 안 된다
 
파일 부피가 매우 작지만 500px 높이의 판을 렌더링하려면 2500번 반복해서 평평하게 깔아야 한다.
 
찬성하지 않음*{margin:0;padding:0;}브라우저 스타일 차이 방지
 

찬성하지 않음, * 번호 와일드카드 사용

찬성하지 않음,div span button b table 등 라벨을 어댑터 제어 내외 충전 양식에 포함

내외 충전 스타일을 선택적으로 제어하기 위해 어댑터를 사용하는 것을 권장합니다.

*번호 와일드카드는 모든 태그를 한 번 초기화하고 브라우저의 렌더링은 일정한 자원을 소모합니다.
 
 
ID,class 클래스를 커서 서명이나class로 설명하지 마십시오.
 
ID, class 모두 고유, 필요 없음

차-input#data1 {}

네 - #data1 {}

 

차 - input.class1 {}

네-.class {}

 
자손 선택부 피하기
 

차-treehead treerow treecell { }

좋아- treehead > treerow > treecell { }

- .treecell-header { }