최고의 클래식 및 일반적으로 사용되는 CSS 속성 모음_경험 교환

텍스트 양쪽 끝 정렬:

코드 복사 코드는 다음과 같습니다.

text-align :justify;
text-justify:inter-ideograph;

플로트 지우기:

코드 복사 코드는 다음과 같습니다.

.clear{clear:both;line-height:0;height:0;font-size:0;}

플로팅 의사 클래스 지우기:

코드 복사 코드는 다음과 같습니다.

.clearfix:after{content: " .";display: block;height: 0;clear: two;visibility: hide;}

단어가 깨지는 것을 방지하도록 설정

코드 복사 코드는 다음과 같습니다.

word-break: keep-all

문자 자동 줄 바꿈

코드 복사 코드는 다음과 같습니다.

word-break:keep-all;word-break:break- all;word-wrap:break-word

line-height를 사용하여 수직으로 중앙에 배치

코드 복사 코드는 다음과 같습니다.

line-height:24px;/*사용 시 고정 너비 컨테이너이고 세로로 가운데에 맞춰야 하는 선이 필요한 경우 line-height를 사용하세요(높이는 상위 컨테이너와 동일합니다. 일관성). 여기에서 더 많은 세로 가운데 맞춤 요약을 볼 수 있습니다.
*/

깨끗한 컨테이너 플로트

코드 복사 코드 다음과 같습니다:

#main {overflow:hidden;}

링크 줄바꿈을 허용하지 않음

코드 복사 코드는 다음과 같습니다.

a {white-space:nowrap;}

Firefox는 항상 스크롤 막대를 표시하도록 합니다

코드 복사 코드는 다음과 같습니다.

html {overflow:- moz-scrollbars-vertical;}

블록 요소를 가로로 중앙에 배치

코드 복사 코드는 다음과 같습니다:

body, html {min-height:101%;} 또는 margin:0 auto;
탐색기 텍스트 영역 스크롤 막대 숨기기

코드 복사 코드는 다음과 같습니다.textarea {overflow:auto;}

인쇄 페이지 설정

코드 복사 코드는 다음과 같습니다.h2 {page-break-before:always;}/*웹 페이지 인쇄 시 페이징 설정*/

링크의 점선박스 제거

코드 복사 코드는 다음과 같습니다.a, Area { blr:expression(this.onFocus=this.blur()) }

:focus { -moz-outline-style: none }

가장 간단한 CSS 재설정

코드 복사 코드는 다음과 같습니다. * {margin: 0}/*사용 이 속성은 기본 속성을 제거할 수 있지만 브라우저 렌더링에 영향을 미치고 의미적으로 표현되지도 않습니다. +/ >코드는 다음과 같습니다.

img{vertical-align:top;}

투명 속성

코드 복사 코드는 다음과 같습니다:

filter:alpha(opacity=50); -moz-opacity: 0.5;
cursor:hand;

마우스를 손 모양으로 변경

코드 복사 코드는 다음과 같습니다 :

커서:손;