자주 사용 되 는 클래식 css 기법

1556 단어 css기교.
line-height 수직 가운데 line-height:24px 사용 하기;고정 폭 의 용 기 를 사용 하고 수직 으로 가운데 줄 이 필요 할 때 line-height 를 사용 하면 됩 니 다.(높이 는 부모 용기 와 일치 합 니 다)더 많은 수직 가운데 정 리 는 여 기 를 볼 수 있 습 니 다.용기 부동 제거\#main{overflow:hidden;}기한 전에 도 이런 문 제 를 언급 한 적 이 있 으 니 더 많은 정 보 는 이곳 을 볼 수 있다.링크 를 접 지 못 하 게 합 니 다 a{white-space:nowrap;}위의 설정 은 링크 가 접 히 는 것 을 피 할 수 있 지만 개인 적 으로 긴 링크 에 해당 하 는 줄 이 있 을 것 을 건의 합 니 다(줄 바 꾸 기 에 관 한 토론 은 원심 의 기록 을 참조 합 니 다).Firefox 에 스크롤 바 html{overflow:-moz-scrollbars-vertical;}더 많은 Mozilla/Firefox 개인 CSS 속성 을 참고 할 수 있 습 니 다.브 라 우 저의 지원 이 필요 하면 body,html{min-height:101%를 사용 할 수 있 습 니 다.}블록 요소 의 수준 을 중간 margin:0 auto 로 합 니 다.사실은 margin-left:auto;margin-right: auto; 이 기 교 는 기본적으로 모든 CSS 교과서 에 설명 이 있 으 니 너 비 를 더 하 는 것 을 잊 지 마 세 요.Exploer 에서 도 body{text-align:center;}을 사용 할 수 있 습 니 다.그리고 내부 용기 text-align:left 를 정의 합 니 다.회복Exploer textarea 의 스크롤 바 textarea{overflow:auto;}숨 기기Exploer 는 기본적으로 textarea 에 수직 스크롤 바 가 있 습 니 다(왜 냐 고 묻 지 마 세 요).인쇄 페이지 h2{page-break-before:always;}설정페이지-break-before 속성 은 웹 페이지 를 인쇄 할 때의 페이지 를 설정 할 수 있 습 니 다.링크 의 점선 상자 a:active,a:focus{outline:none;}삭제Firefox 는 기본적으로 링크 에서 초점(또는 클릭 시)에 점선 상 자 를 추가 합 니 다.위의 속성 을 사용 하면 삭제 할 수 있 습 니 다.가장 간단 한 CSS 리 셋*{margin:0;padding:0}"복잡 하 다"고 생각 하 시 면 YUI 의 방법(그리고 여기)을 참고 하 세 요.원문 댓 글 에 도 I have to agree with Niall Doherty,*{margin:0px;padding: 0px;} basically means "traverse every css element and give it these attributes". That is a very unnecessary strain on the server and a bad semantic practice, as you have to give some elements padding/margin again, after stripping them.

좋은 웹페이지 즐겨찾기