css 상용 속성 정리
(마이너스 사용 허용.마 이 너 스 를 사용 하면 첫 줄 이 왼쪽으로 들 어 갑 니 다.)
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 를 멀리 하고 생활 이 좋아 졌 으 면 좋 겠 어 요.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
장치 너비가 특정 너비보다 크고 특정 너비보다 작을 때 웹 페이지 CSS 스타일을 변경하는 방법은 무엇입니까?장치 너비가 특정 너비보다 크고 특정 너비보다 작을 때 웹 페이지 CSS 스타일을 변경하려면 @media의 미디어 쿼리 구문을 사용한 다음 구문을 작성하여 스타일의 최소 너비를 정의해야 합니다. 적용된 후 and라는...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.