웹 사이트 리팩터링 div + css 일반적인 오류

중간 트랜잭션 http://www.aliyun.com/zixun/aggregation/6858.html "> seo 진단 Taobao 게스트 클라우드 호스트 기술 홀

Css + div 리팩터링 웹 사이트 표준 (또는 "웹 표준") 일반적으로 사용 되는 용어 중 하나입니다, 그리고 일반적으로, XHTML 웹 표준 디자인 때문에 테이블은 HTML 웹 디자인 언어에서 위치 하는 방법에 차이 설명 하기 위해 테이블 기술 위치를 사용 하지 않는, 드래곤 펀치를 사용 하 여 CSS를 통합 하 + 다양 한 위치 지정 div 방법. Div + css 코딩을 적용할 때 실수 하는 것이 쉽습니다. 이 문서에서는 몇 가지 일반적인 오류를 나열:

1. 맞춤법 오류, 끝 태그를 잊고에 대 한 HTML 요소를 확인

심지어 베테랑 자주 div 중첩 관계에 대 한 실수. 오류를 확인 하려면 Dreamweaver 확인 기능을 사용할 수 있습니다.

2. CSS 올바른지 확인

맞춤법 오류의 끝을 잊고 있는지 확인 하는}, 등등. CSS의 맞춤법 오류를 확인 하는 CLEANCSS는 사용할 수 있습니다. CLEANCSS 무게를 잃고, CSS 위한 도구 이지만, 또한 실수는 맞춤법을 검사할 수 있다.

3. 오류가 발생 한 위치를 결정합니다

오류 전체 레이아웃에 영향을 미치는에 div 블록을 제거 하 고 디스플레이 오류가 발생 하는 결정을 정상으로 반환 할 때까지 div 블록을 개별적으로 삭제할 수 있습니다.

4.을 사용 하 여 Border 속성 오류 요소 레이아웃 특성

실수로 Float 속성 레이아웃을 사용 하 여 오류가 발생 합니다. 드래곤 리팩토링이 시점에서, 테두리 특성을 추가 합니다 요소의 범위를 결정 하는 요소 및 오류에 대 한 이유는

5. 부동 요소를 부모 요소 명확한 속성을 지정할 수 없습니다.

주변 부동 요소 레이아웃 혼란, Macie 경우 명확한 특성 float 요소를 부모 요소에 사용 됩니다. 이 경우 Macie의 유명한 버그 모른다 본론만 것 이다.

6. 부동 요소 Width 속성을 지정 해야 합니다.

많은 브라우저 버그가 float 요소 너비를 지정 하지 않는 표시 있다. 그래서 관계 없이 float 요소 내용의 반드시 width 특성을 지정 합니다.

요소를 지정할 때 단위로 PX 대신 EM을 사용.

7. 부동 요소 예: 여백 및 안쪽 여백 속성을 지정할 수 없습니다.

여백 및 안쪽 여백을 지정 하는 float 요소를 표시할 때 즉 버그가 있다. 드래곤 리팩터링 따라서 지정 하지 않습니다 여백 및 안쪽 여백 특성 float 요소 (여백 및 안쪽 여백 설정 float 요소를 내부 div 중첩 수 있습니다). 또한 IE에 대 한 특별 한 값을 지정 하려면 해킹 메서드를 사용할 수 있습니다.

8. float 요소 너비의 합이 100% 보다 작은

부동 요소 너비는 100% 정확 하 게, 일부 오래 된 브라우저에서는 제대로 표시 되지 않습니다. 폭의 합계는 99% 미만 다는 것을 확인 하십시오.

9. 기본 스타일에 다시 설정 하면?

여백, 안쪽 여백 등 일부 속성, 다른 브라우저는 다른 해석 할 것 이다. 따라서, 그것은 최고의 모든 여백, 안쪽 여백 설정 없음, 0, 목록 스타일 모음의 첫 등입니다.

10. 당신은 DTD를 작성을 잊어버린?

경우 아무리 다른 브라우저 디스플레이 결과 또는 동일 하지 조정, 용 리팩터링 페이지의 시작은 확인할 수 있도록 잊지 다음 줄 DTD를 작성:

Http://www.w3.org/TR/html4/loose.dtd