CSS FAQ 및 솔루션

하나, Mozilla 기본에서 UL 라벨 패딩 값, 그리고 IE만 여백에 값입니다.

같은 클래스 선택기는 문서, 하지만 ID 선택기에 대 한 한 번만에 반복적으로 나타날 수 있습니다. 를 사용 하 여 클래스와 ID를 라벨에 대 한 CSS 정의 대 한 정의 중복 되 면 ID 선택기는 ID 클래스 보다 더 큰 무게를가지고 있기 때문에 유효 합니다.

三、一个 호환성 조정 (ie와 모질라) 바보 같은 방법으로:
초보자는 이러한 상황을 발생할 수 있습니다: IE 설정에서 동일한 레이블 속성 디스플레이 정상 이며 모질라에서 설정 해야 합니다 b 일반 디스플레이, 또는 거꾸로의 두.
임시 해결 방법: 선택기 {속성 이름: B! 중요 하다; 속성 이름: A} 아마 가끔 작동 하지 않습니다. 이 사이트에서 더 많은 버그 솔루션에 대 한 검색할 수 있습니다.

경우 일부 간격에 대 한 필요성 간의 중첩 태그의 그룹, 여백 특성 표시줄의 내부에 태그를 두고 그리고 라벨 패딩의 외부를 정의 하지는 마십시오

Li 태그 앞에 있는 아이콘 목록-스타일-이미지 대신 배경 이미지를 사용 하는 것이 좋습니다.

상속 관계 및 부모-자식 관계의 차이 IE에 의해 상속 됩니다.

줄 때 레이블 미친 선택기, css에서 선택기 주석을 잊지 마세요. CSS를 나중에 변경할 때 이유를 알 수 있습니다. 또한 상기 하지 너무 미친 것.

8, 만약 당신이 레이블을 깊은 색조 배경 그림과 밝은 색조 텍스트 효과. 이 시간 당신의 상표에 대 한 어두운 배경 색을 설정 하면 것이 좋습니다. 그림이 누락 된 때문에 텍스트의 가독성 또한 유지할 수 있습니다.

9, 링크 순서를 4 개의 상태 정의: 가져가 활성 링크를 방문

배경 사진 콘텐츠와 관련 되지 않은 사용 하십시오. 성능 내용에서 별도가 항상 기억 하십시오.

정의 색 약식된 #8899ff 수 = #89F

12, 몇 가지 방법으로 데이터 테이블로 콘텐츠 얼굴 여전히 유용한 테이블 그것에 증오를 생산 하지 않습니다 심리학.

13, < 스크립트 > 언어가이 특성은이 같은 작성 되어야 합니다: < 스크립트 유형 = "텍스트/자바 스크립트" >

14, 완벽 한 탄 Shansu 외부 프레임 라인 형태 (IE5, 6으로, i e 7와 FF1.0.4 특히 수 통과 테스트)

테이블 {국경-붕괴: 붕괴;
td {국경: #000 고체 1px;}

XV, 여백 음수 수 상대 위치, 페이지 표시, 중간의 역할 계층의 절대 위치를 사용 하 여 왼쪽: xxpx의 사용에 적합 하지 않은 경우 절대 위치를 사용 하 여 레이블에서이 특성. 상대적으로 위치 하 고 다음 여백 음수 값을 사용 하 여 레이블 옆이 레이어를 넣어 수 있는 좋은 방법입니다.

16, 그들의 자신의 위치의 위치에 상대적인 수 여백 값 배치의 사용의 절대 위치 지정,이 고 위쪽, 왼쪽 및 창 가장자리 위치에 상대적인 다른 특성은 다르다. 절대 위치 지정의 장점은 다른 요소 무시의 존재를 허용 한다입니다.

17, 텍스트 너무 긴 경우 그것은 너무 긴 것 줄임표 디스플레이의 일부: Ie5, ff 잘못 된, 수 있지만 숨겨진, 6으로 효과적인

< div 스타일 = "폭: 120px; 높이: 50 픽셀; 국경: 1px 단단한 파랑; 오버플로우: 숨겨진; 텍스트-오버플로: 줄임표" >
< NOBR > 예를 들어 텍스트, 매우 긴 줄, 테이블의 행이 표시 되지 않습니다. < / nobr >

18, IE에서 있을 수 있습니다 텍스트에 의해 발생 하는 의견으로 인해 중복 문제를 변경할 수 있습니다:

<!-[if! 즉] > 여기에서 당신의 논평을 넣어 <! [endif]->

19. 호출 외부 글꼴을 CSS를 사용 하는 방법
구문:
@font-face {글꼴-가족: 이름 (URL) src:url; Srules}
값:
이름: 글꼴 이름입니다. 모든 가능한 글꼴 패밀리 속성 값
절대 또는 상대 URL 주소를 사용 하 여 오픈타입 글꼴 파일을 지정 하는 URL (URL):
Srules: 스타일 시트 정의

20. 어떻게 내가 수직 양식의 텍스트 상자에 텍스트 정렬?
행 높이 FF 그룹의 높이 효과적인, 방법은 상단을 정의 하 고 낮은 필러 생각의 효과 얻을 수 있습니다.

21, 작은 문제에 관심을 지불 하는 라벨의 정의:
언제 우리가 정의 {색깔: 빨강; 그것은 스타일의 4 개의 상태를 나타냅니다, 다른 3 A:hover 정의 상태는 스타일에 정의 된 상태에 마우스를 정의 하려는 경우. 하나만 정의할 때는: 링크, 다른 세 가지 상태를 정의 하는 기억 하십시오!

22, 모든 스타일 축약 해야 합니다.
때 p {여백: 1px 2px 3px 4px}, 후속 프로젝트에 추가에서 필러 6px 스타일 필러 5px, 스타일 시트 정의 됩니다. 우리가 반드시 쓰지 p.style1{padding:5px 6px 3px 4px}. P.style1로 쓰여질 수 있다 {패딩-탑: 5px; 여백-오른쪽: 6px, 당신은 그것은, 그러나 당신은 당신이 쓰는 방법을 스타일, 반복 생각 하지 않는 좋은 처럼 느낄 수 있습니다 또한 필러 아래 원본 찾을 수 없습니다 및 왼쪽된 필러 값은 얼마나! 이전 스타일 p 변경, 정의 하는 p.style1의 스타일 변경 됩니다.

23, 큰 웹 사이트, 더 많은 CSS 스타일, 시작 하기 전에 수행 하시기 바랍니다 모든 준비와 계획, 포함 한 명명 규칙. 페이지 블록 부문, 내부 스타일 분류, 등등.

24. 중국 고정-폭 문자 자르기: 오버플로우: 숨겨진; 텍스트-오버플로: 줄임표; 흰색-공간: 넘김 (한 줄에 텍스트 잘림만 처리 될 수 있지만 여러 줄 처리할 수 없습니다.) (위의 IE5) FF 수 없습니다, 그리고 그것만 숨겨집니다.