10 조 CSS 렌 더 링 속도 에 영향 을 주 는 쓰기 및 사용 권장 1/3 페이지

1910 단어 CSS렌 더 링 속도
이 글 은 주로 웹 페이지 가 클 라 이언 트 브 라 우 저의 렌 더 링 속 도 를 향상 시 키 는 CSS 부분 을 써 서 10 가 지 를 잠시 정리 했다.1.*{}\#jb 51*{}은 브 라 우 저 마다 HTML 태그 에 대한 설명 이 다 르 기 때문에 최종 웹 페이지 효 과 는 브 라 우 저 마다 다 를 수 있 습 니 다.이러한 위험 을 없 애기 위해 디자이너 는 CSS 의 처음부터 모든 태그 의 기본 속성 을 모두 제거 하여 모든 서명 속성 값 이 통 일 된 효 과 를 얻 습 니 다.그래서*어댑터 가 생 겼 어 요.모든 탭 을 옮 겨 다 니 기;*{margin:0; padding:0}이렇게 쓰 면 페이지 의 모든 탭 의 margin 은 0 입 니 다.padding 도 0;#jb51 *{margin:0; padding:0}이렇게 쓰 면 id 가 jb 51 아래 에 있 는 모든 태그 의 margin 은 0 입 니 다.padding 도 0;이렇게 쓰 는 문 제 는 a.옮 겨 다 니 는 데 많은 시간 이 걸 릴 수 있 습 니 다.만약 에 HTML 코드 가 규범 에 맞지 않 거나 특정한 서명 이 일치 하지 않 으 면 이 시간 이 더 길 어 질 수 있 습 니 다.b.많은 탭 이 원래 이 속성 이나 속성 자체 가 통 일 된 것 이 없 기 때문에 한 번 더 설정 하고 시간 도 있 습 니 다.제안 하 는 해결 방법:a.생소 한 탭 을 사용 하지 마 세 요.이 탭 들 은 브 라 우 저 마다 설명 하 는 효과 가 다 르 기 때 문 입 니 다.그래서 당신 은 가능 한 한 자주 사용 하 는 라벨 을 사용 해 야 합 니 다.b.사용 하지 마 세 요*;당신 이 자주 사용 하 는 이 라벨 들 을 처리 하 는 것 입 니 다.예 를 들 어 body,li,p,h1{margin:0;padding:0}2.필터 의 일 부 는 IE 의 일부 필 터 를 사용 하지 마 십시오.FIREFOX 에서 지원 되 지 않 습 니 다.종종 효 과 를 쓸 때 CSS HACK 을 사용 합 니 다.필 터 는 매우 적은 자원 의 것 이다.특히 일부 우화,그림자 와 전 투명 효과;예 를 들 어 그림자 효과:

좋은 웹페이지 즐겨찾기