CSS 웹 페이지 레이아웃에서 주의해야 할 몇 가지 문제 요약_Experience Exchange

1. 옆으로 덜 사용하세요.

모든 브라우저가 지원하는 것은 아니며 W3C 감지를 통과하기가 극히 어렵기 때문에 break-word, z-index 수동 레이어링, 수직 정렬 등과 ​​같은 검열이 적은 CSS를 사용하는 것이 가장 좋습니다.

　2. Center는 float 값이 아닙니다.

많은 초보자들이 center를 float의 값으로 착각하지만, 그렇지 않습니다. center는 text-align의 값일 뿐입니다.

　3. 정렬에는 두 개의 값이 포함될 수 없습니다.

많은 초보자는 float:left top과 같이 float 또는 text-align의 두 가지 값을 채울 것입니다. 이는 허용되지 않으며 브라우저에서 인식되지 않습니다.

　4. 스크롤바의 색상은 맞춤설정하지 않는 것이 가장 좋습니다.

많은 브라우저는 사용자 정의 색상이 있는 스크롤 막대를 제대로 인식하지 못하며, 많은 사용자 정의 색상은 W3C를 통과하지 못합니다.

　5. 개별 스크롤바 설정.

요즘에는 Overflow-x(가로 스크롤 막대) 또는 Overflow-y(세로 스크롤 막대)를 자주 사용합니다. 이를 설정할 때 모든 클라이언트에 효과가 있는 것은 아닙니다. .본문과 HTML을 동시에 설정합니다. 그러나 이 CSS는 CSS2.1에서 지원되지 않습니다(CSS2.1은 오버플로를 지원하고 가로 및 세로 스크롤 막대를 정의함). 이 정의 방법은 CSS3까지 지원되지 않았습니다. 가능한 한 적게 사용하십시오.

　6. 배경과 색상이 동일할 경우 주의바랍니다.