CSS 팁: 고전적인 CSS 사용 기법

라인-높이 사용 하 여 수직으로 중앙

라인-높이: 24px;

고정 너비의 컨테이너를 사용 하 여 수직으로 중심을 행 하려는 경우 줄 높이 (즉, 부모 컨테이너와 동일한 높이), 사용할 수 있습니다 하 고 더 수직으로 중심으로 요약 여기 있다.

명확한 컨테이너 부동

#main 없음
오버플로우: 숨겨진;
}

전에이 문제를 언급 하 고 자세한 내용은 여기에서 볼 수 있습니다.

링크 깨진된 라인 수를 허용 하지 않습니다

없음
흰색-공간: 넘김;
}

위의 설정 라인, 접는 링크를 피할 수 있습니다 하지만 개인적인 조언을 긴 링크 해당 라인 (줄 바꿈을 토론 기록의 센터 참조).

항상 스크롤 막대를 표시 하는 파이어 폭스를가지고

HTML 없음
오버플로:-moz-스크롤바-수직;
}

모질라/파이어 폭스 전용 CSS 속성 여기에서 참조할 수 있습니다. 크로스 브라우저 지원이 필요 하거나 사용할 수는

몸, HTML 없음
민-높이: 101%;
}

블록 요소를 수평 중앙

여백: 0 자동차;

실제로

여백-왼쪽: 자동;
여백-오른쪽: 자동;

이 기술은 기본적으로 모든 CSS 교과서 지침을가지고 것입니다, 그것에 폭을 추가 하는 것을 잊지 마세요. 아래 Exploer는 사용하실 수 있습니다.

몸 없음
텍스트-정렬: 센터;
}

그런 다음 내부 레이어 컨테이너 정의

텍스트-정렬: 왼쪽;

Recovery。

Exploer 텍스트 스크롤 막대 숨기기

텍스트 없음
오버플로: 자동;
}

기본 텍스트 Exploer로 세로 스크롤 막대가 있을 것 이다 (내게 묻지 말아 요 왜).

인쇄 페이징 설정

H2 없음
페이지 나누기 전에: 항상;
}

페이지 나누기 전에 속성을 사용 하면 웹 페이지를 인쇄할 때 페이지 번호 매김을 설정할 수 있습니다.

링크 점선된 상자 삭제

A:active, A:focus 없음
개요: 없음;
}

파이어 폭스 기본값 초점 (또는 클릭) 링크 점선 상자를 사용 하 여 위의 속성을 삭제할 수 있습니다.

간단한 CSS 재설정

* {
여백: 0; 패딩: 0

}