웹 페이지 에서 파악 해 야 할 8 개의 CSS 레이아웃 기법

1.의문 이 있 으 면 바로 오류 가 발생 했 을 때 원본 코드 에 대해 간단 한 검 사 를 하면 많은 두통 문 제 를 줄 일 수 있 습 니 다.W3C 는 XHTML 과 CSS 에 대해 검사 도구 가 있 습 니 다.만 나 보 세 요. http://validator.w3.org 。파일 의 시작 에 있 는 오 류 는 부당 한 구조 등 으로 인해 더 많은 오 류 를 일 으 킬 수 있 음 을 주의 하 십시오.우 리 는 먼저 가장 뚜렷 한 오 류 를 수정 한 후에 다시 검 사 를 할 것 을 건의 합 니 다.그러면 오류 의 수량 을 폭발 적 으로 줄 일 수 있 습 니 다.2.부동 기능 사용 시 적절 한 제거 명령 기억  변동 은 위험한 기능 이 므 로 반드시 당신 이 기대 하 는 결 과 를 낳 을 수 있 는 것 은 아 닙 니 다.만약 유동 요소 가 외곽 용기 의 테두리 나 다른 비정상적인 상황 에 이 르 렀 다 면,먼저 방법 이 정확 한 지 확인 하 십시오.Eric 참조 Meyer Complex Spiral Consulting Web 사이트 수업.3.경계 가 겹 칠 때 padding 이나 border 를 이용 하여 나타 나 지 말 아야 할 공간 때문에 머리 가 썩 거나 약간의 공간 이 필요 할 때 어떻게 해도 짜 내지 못 할 수 있 습 니 다.margin 에 사용 하면 경계 가 겹 치기 쉽 습 니 다.Andy Budd 는 그의 사이트 에서 가능 한 방법 을 설명 했다.4.요소 에 대해 padding/border 와 높이 또는 너비 Windows 버 전 IE 를 지정 하 는 동시에 width 와 height 의 계산 문 제 를 일 으 키 지 않도록 시도 합 니 다.일부 방법 은 이 문 제 를 해결 할 수 있 지만 모 요소 가 높이 와 너 비 를 지정 해 야 할 때 모 요소 안의 하위 요 소 를 margin 으로 사용 하거나 하위 요소 가 높이 와 너 비 를 지정 해 야 할 때 모 요소 에 padding 을 사용 하여 효 과 를 얻 는 것 이 좋 습 니 다.5.min-width/min-height Windows 버 전 IE 에 의존 하지 마 세 요.두 가지 문법 을 지원 하지 않 습 니 다.그러나 어느 정도 windows 판 IE 는 min-width/min-height 에 해당 하 는 효 과 를 얻 을 수 있 기 때문에 IE 에 대해 여과 기능 을 하면 원 하 는 결 과 를 얻 을 수 있 습 니 다.6.궁금 한 점 이 있 으 면 백분율 을 줄 이 고 어떤 오 류 는 50%+50%를 100.1%로 만들어 웹 페이지 에 문제 가 생 길 수 있 습 니 다.이 값 을 49%,심지어 49.9%로 바 꿔 보 세 요.7."TROBLed"표기 법 Border,margin 과 padding 의 약자 문법 은 특정한 순서 가 있 음 을 기억 하고 위 에서 부터 시계 방향 으로 회전 합 니 다:top,right,bottom,left. 그래서 margin:0 1px 3px 5px;결 과 는 위쪽 에 경계 가 없고 오른쪽 1 픽 셀 로 유추 된다."TROUBLE"를 기억 하 세 요.순 서 를 틀 리 지 않 을 겁 니 다.8.0 의 값 이 아니라면 단 위 를 지정 해 야 합 니 다.CSS 는 모든 font,Margin 등 각종 값 에 단 위 를 지정 해 야 합 니 다.(유일한 예 외 는 line-height)

좋은 웹페이지 즐겨찾기