우리는 페이지를 쓸 때, 종종 이러한 현상에 대한 이유의 숫자로 이어지는, CSS 스타일이 효과적이지 않을 수 쓰고 자신을 발견, 여기에 당신을 도울 수있는 욕망의 일반적인 원인 중 일부입니다 코멘트 섹션을 추가 환영합니다.
브라우저 캐시 문제
- 당신이 코드는 아무런 문제가 없다고 생각을 두 번 선택하면 브라우저 캐시 문제가있을 수 있습니다. 조사가 처음으로 시도하기 전에 브라우저 캐시를 지우고 브라우저 또는 다른 브라우저 재시작 한 후 추가 조사를 위해 유효하지 않은 다른 수단을. 이 문제가 브라우저 캐시 또는 리드 때문에, 아무것도 잘못된 스스로 할 수 어쩌면 문제가 해결 재설정 할 수 있습니다.
- 'F12'요소 브라우저 감사는 응용 프로그램에없는 어떤 스타일을 볼 수 있습니다.
세부
-
잘못된 속성 이름이 불가능 HTML을 일치하게, 또는 속성 값은 규격에 맞지 않습니다;
-
나는 HTML은 태그를 작성하지 않은 그대로, 누락 "<"또는 ">"등등;
-
，；｛｝이 기호 봐 실수로 중국 또는 전체 폭 기호를 사용하지 않습니다; -
<span>제공되는 CSS 스타일은하지 작업을 수행 : 예 : 중앙 범위를 정의하려면 범위 즉, 스팬 정의, 블록 레벨 요소의 표시로 할 수 있어야display:block;다음 여백 속성을주고 걸쳐 추가 속성을margin:0px auto; -
어떤 중간 CSS 스타일이 세미콜론 없다,
때때로에 CSS 스타일은 세미콜론 가끔 공백을 분리 사용하는 이유는 무엇입니까?
에 동일한 속성 설정 예 테두리 공간에 의해 분리되어, 1 픽셀의 적색 고체의 상이한 특성 등 폭 세미콜론 집합으로 구분된다 : 300 픽셀, 높이 300 픽셀;
스타일 시트 관련된 문제
- 당신의 스타일이 경우 완전히 적용되지 않고 , 최초의 메이크업은 반드시 테이블은 스타일과 연관되어 있지 않거나와 관련된 스타일 위치, 이름이 올바른지;
<link rel="stylesheet" type="text/css" href="mycss.css"/> - 부트 스트랩 프레임 워크 스타일 참조 뒤에 위치 사용자 지정 CSS 스타일 태그를 도입 한 번 봐, 반드시 그 프레임 페이지가로드의 스타일이 적용되지 않습니다합니다.
<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
<link rel="stylesheet" type="text/css" href="mycss.css"/>
선택기 문제
- 자손의 자손의 선택은 오류가 발생할 수 등 라벨, 클래스 이름, ID 등의 순서 하위 선택, 잘못된 이름의 수를 포함한다;
- HTML 태그는 클래스 ID의 이름으로 작성하는 것을 잊지하고, 클래스 이름, ID와 적용되지 않습니다 다른 자연적인 스타일을 쓰는이 누출의 선택.
- 후손 선택기 쓰기 공간 잊지;
- 같은 여분의 공간이있는 경우 참조 :
div.box{}이러한 선택은 기록되지 않습니다div .box{};
형식 문제를 인코딩
- CSS는, HTML 페이지 파일은 UTF-8 형식으로 저장 통합되며, 헤더 태그에 추가되는
<meta charset="UTF-8">
형식 UTF-8 인코딩의 사용에 일반 페이지 및 외부 CSS 파일 기본 ANSI 포맷을 인코딩하기 때문에 정상적인 상황이며, 아무 문제가 없다. CSS 파일 중국 주석이 포함 그러나, 문제가 발생할 수 있습니다.
스타일 계층 문제
- 문제가 우선 순위가 높은 패턴을 볼 수 없습니다 덮어 낮은 이어질 것입니다 발생하는지 당신의 CSS는 우선 순위 봐;
- 발효하지 않는 부모 스타일에서 상속 자체 세트 스타일;
- ! CSS 스타일의 우선 순위 : 중요> 인라인 스타일> ID 선택> 클래스 선택> 태그> 와일드 카드> 상속> 브라우저의 기본 속성 (동일한 우선 순위, 앞 뒤에 쌓아 스타일);
조사 및 주문 :
