DIV + CSS 요약: 유용한 3 웹 페이지 만들기 팁

우리는 3 소위 "최고" CSS 팁 추천 오늘 CSS 기술의 학습에 대해 매우 우려 divcss 레이아웃! 비록 아무것도 새로운, 하지만 초보자를 위한 매우 중요 하다!

한 줄에 CSS 선언

H2 {</p >

< P > 글꼴-크기: 18px; </P >

< P > 국경: 1PX 고체 파란색; </p >

< p > 색상: #000; </p >

< p > 배경-색상: #FFF;

H2 없음

글꼴-크기: 18px;

국경: 1PX 단단한 파랑;

색상: # 000;

배경-색상: #FFF;

}

두 번째 정말 포맷, 보이지만 읽기와 도움이 되지 않습니다. 한 줄 쓰기를 사용 하면 신속 하 게 필요한 부분을 찾을 수 있습니다.

내가 비슷한 두 번째 방법은, 작성 하는 데 사용 하지만 점차 말했듯이 문서, 별로 사용을 발견 했다. 선 상쾌 보이는 장소를 저장 하 고 파일을 작게 만드는.

두 번째, 블록 코드 작성

코드 작성은 CSS 문제 존재 더 많은 페이지를 만들 수 있습니다이 방법으로 문제를 찾는 데 짧은 시간 수 있습니다. 다음 처럼:

#content {플 로트: 왼쪽;}

#content p {& hellip;}

#sidebar {플 로트: 왼쪽;}

#sidebar p {...}

#footer {명확: 둘 다;}

#sidebar p {...}

셋째, 브라우저 호환성 문제

최신 브라우저 에서만 지원 됩니다. 즉, IE5, IE5.5 포기. 이 시간을 많이 저장 됩니다. I e 6를 위한 상자 모형 전세 마차를 사용 하 여 필요는 없습니다. 경우에 인기 있는 브라우저, 매우 작은 건조 대와 함께 동일한 효과 얻을 수 있습니다.

나는 NetEase의 홈페이지, CSS의 새로운 버전에 주의 예기치 않게 한! 중요 하거나 해킹, 하지만 FF와 IE 디스플레이 내부에 효과 매우 좋은. CSS의 합리적인 사용 해킹을 방지할 수 있습니다. 물론, 디버깅에 대 한 더 많은 시간이 있을 것입니다.

부동 요소를 포함 하는 컨테이너 내의 모든 콘텐츠는 컨테이너와 일치 하도록 설계 되어야 한다. 너무 큰 경우, 그것은 잘못 된 위치를 슬라이드 합니다. 컨테이너 밖에 서 조정 음수 마진을 사용 하 여 또한 차이 발생할 수 있습니다.

페이지에 있는 두 개의 부동 요소 경우 오버플로 이해, 아래 내려가 오른쪽 컨테이너 하면 왼쪽된 용기에 너무 많은 콘텐츠를 출력. 이 여백, 너비 또는 안쪽 여백 설정을 혼란, 의미 하지만 아닌 FF. 오버플로 사용 하 여: 숨겨진 또는 오버플로: 스크롤 즉 콘텐츠 컨테이너에서 플러시를 허용 하지 않으려면.