CSS 효율성 향상

1455 단어 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 { }
  • 좋은 웹페이지 즐겨찾기