css 상용 속성 정리

3648 단어 css움츠리다유동
1.문자 들 여 쓰기 기능 text-indent
(마이너스 사용 허용.마 이 너 스 를 사용 하면 첫 줄 이 왼쪽으로 들 어 갑 니 다.)
2.줄 높이 line-height 설정(마이너스 허용 하지 않 음)
※움 직 이 는 것 을 제거 하 는 방법
1.clear:both
2.
Zoom   IE        ,Firefox       。               。    ,          ,    ie hasLayout  ,    、  margin    。

Zoom     :

zoom : normal | number

normal :     。         

number :      |        。      1.0     100%         normal          zoom:           ,     ,       。 :zoom:1,zoom:120%。         IE     ,            ,              , :
.border{
border:1px solid #CCC;
padding:2px;
overflow:hidden;
_zoom:1;
}

_zoom CSS hack   IE6      。IE6      zoom:1         ,   
overflow:hidden; _zoom:1;      ,     border    。

상세 참조
CSS 에서 zoom:1 의 역할,작은 태그 큰 역할
CSS 에서 zoom:1 의 역할 은 IE6,IE7,IE8 브 라 우 저 를 호 환 합 니 다.자주 문제 가 발생 할 수 있 습 니 다.zoom:1 로 해결 할 수 있 습 니 다.다음 과 같은 역할 이 있 습 니 다.IE 브 라 우 저의 haslayot 를 촉발 하여 ie 아래 의 변동,margin 중첩 등 문 제 를 해결 할 수 있 습 니 다.예 를 들 어 본 사 이 트 는 DIV 를 사용 하여 한 줄 두 열 로 표시 합 니 다.HTML 코드:
<div class="h_mainbox"> <h2>    </h2> <ul class="mainlist"> <li><a href="#" style="color:#0000FF" target="_blank">CSS  </a></li> <li><a href="#" style="color:#0000FF" target="_blank">  < /a></li> </ul> </div>

CSS 코드:
.h_mainbox { border:1px solid #dadada; padding:4px 15px; background:url(../mainbox_bg.gif) 0 1px repeat-x; margin-bottom:6px; overflow:hidden} .h_mainbox h2 { font-size:12px; height:30px; line-height:30px; border-bottom:1px solid #ccc; color:#555;} .h_mainbox h2 span { float:right; font-weight:normal;} .h_mainbox ul { padding:6px 0px; background:#fff;} .mainlist { overflow:auto; zoom:1;} .h_mainbox li { width:268px; float:left; height:24px; overflow:hidden; background:url(../icon3.gif) 0 6px no-repeat; padding:0px 5px 0px 18px; line-height:200%;}

빨간색 을 넣 으 면 IE6,IE7,IE8 에서 정상적으로 효 과 를 나 타 낼 수 있다.css 의 zoom 역할 1.페이지 의 태그 가 닫 혔 는 지 확인 합 니 다.이틀 동안 해결 되 지 않 은 CSS BUG 문 제 를 괴 롭 혔 을 지 모 르 지만 여기 서 비롯 되 었 습 니 다.페이지 의 템 플 릿 은 일반적으로 개발 에 의 해 내장 되 어 있 기 때문에 그들 은 이런 문 제 를 범 하기 쉽다.바로 가기 알림:Dreamweaver 로 파일 검 사 를 열 수 있 습 니 다.닫 힌 탭 이 없 으 면**배경 이 밝 습 니 다.
2.스타일 배제 법 이 복잡 한 페이지 에 N 개의 외부 체인 CSS 파일 을 불 러 왔 을 수도 있 습 니 다.그러면 CSS 파일 을 하나씩 삭제 하고 BUG 가 촉발 하 는 구체 적 인 CSS 파일 을 찾 아 잠 금 범 위 를 좁 힙 니 다.
방금 잠 긴 문제 의 CSS 스타일 파일 에 대해 서 는 구체 적 인 스타일 정 의 를 한 줄 씩 삭제 하고 구체 적 인 트리거 스타일 정의,심지어 구체 적 인 트리거 스타일 속성 까지 찾 습 니 다.
3.모듈 확인 법 은 가끔 우리 도 페이지 의 HTML 요소 에서 출발 할 수 있다.페이지 의 서로 다른 HTML 모듈 을 삭제 하고 문 제 를 일 으 키 는 HTML 모듈 을 찾 습 니 다.
4.부동 의 제거 여 부 를 확인 합 니 다.사실 적지 않 은 CSS BUG 문 제 는 부동 을 제거 하지 않 아서 생 긴 것 입 니 다.움 직 이 는 것 을 제거 하 는 습관 을 기 르 는 것 이 필요 합 니 다.추가 HTML 태그 가 없 는 움 직 이 는 것 을 제거 하 는 방법 을 추천 합 니 다.(overflow:hidden 을 사용 하지 않도록 하 십시오.zoom:1 과 유사 한 방법 으로 변동 을 제거 하면 너무 많은 제한성 이 있 습 니 다).
5.IE 에서 haslayot 를 많이 촉발 하 는 지 확인 하 는 IE 에서 복잡 한 CSS BUG 는 IE 특유 의 haslayot 와 밀접 한 관 계 를 가진다.haslayot 를 익히 고 이해 하 는 것 은 복잡 한 CSS BUG 를 처리 하 는 데 적은 노력 으로 큰 효 과 를 거 둘 수 있 습 니 다.old 9 번 역 된'On having layot'(위대 한 GFW 를 넘 지 못 하면 파란색 댓 글 을 읽 을 수 있 습 니 다)를 추천 합 니 다.haslayot 를 터치 하면 IE 의 디 버 깅 도구 IE Developer Toolbar 의 속성 은 haslayot 값 을-1 로 표시 합 니 다.
6.테두리 배경 디 버 깅 법의 옛 이름 은 요소 에 눈 에 띄 는 테두리 나 배경(일반 검은색 이나 빨간색)을 설정 하여 디 버 깅 하 는 것 이다.이 방법 은 CSS BUG 를 가장 자주 디 버 깅 하 는 방법 중 하나 로 복잡 한 BUG 에 도 적용 된다.경제적 혜택 은 친 환경 적 입 니 다^^마지막 으로 강조 하고 싶 은 것 은 좋 은 쓰기 습관 을 기 르 고 추가 라벨 을 줄 이 며 의미 가 가능 한 한 기준 에 부합 하 는 것 입 니 다.사실은 우리 에 게 많은 복잡 한 CSS BUG 를 줄 일 수 있 습 니 다.더 많은 때 는 우리 자신 에 게 문 제 를 일 으 켰 습 니 다.BUG 를 멀리 하고 생활 이 좋아 졌 으 면 좋 겠 어 요.

좋은 웹페이지 즐겨찾기