간단히 말해서 :이 두 가지 문제는 실제로 같은 문제이지만 오랫동안 온라인으로 검색 해 왔지만 방법을 찾을 수 없습니다. Outlinked JS 및 CSS 파일에는 HTML 마크 업 댓글이 없습니다. 일단 있으면 브라우저가 미쳐 질 것입니다! 그냥 제거하십시오! ! !
문제 : 그 이유는 CSS 테이블 스타일을 온라인으로 보았 기 때문입니다. 나는 그것이 꽤 좋아 보인다고 생각했기 때문에 ASP.NET 프로그램에 넣을 계획이었습니다. 처음에는 ASPX 파일에 넣고 정상적으로 표시되었습니다.
그런 다음 CSS와 JS를 별도의 파일에 넣을 계획이었습니다. 현재 브라우저는 미쳤다. 디스플레이 효과는 원래 인라인과 완전히 다릅니다. CSS 스타일 시트를 전혀 보지 못했지만 일부 스타일이 다시 실행되었으며 일부 스타일은 다시 무시되었습니다. 예를 들어, 테이블의 헤드는 잘 실행되었지만 테이블의 경계는 2px가되었습니다. 작은 문제로 어려움을 겪는 것은 정말 불쾌했습니다!
솔루션 : 솔루션은 실제로 매우 간단합니다. JS 및 CSS 파일에서 모든 HTML 태그 <> 및 주석 <! --->을 제거하면 괜찮습니다!
분석 : 어제 밤에 관련 정보를 확인했고 "브라우저가 관련 스타일 시트를 찾지 못하면 CSS 렌더링 매개 변수를 사용하여 작동합니다."
위의 그림은 Damo의 저서에서 발췌 한 것 : "그림 CSS3 : 핵심 기술 및 사례 실용적 전투". 이 책은 현재 몇 가지 CSS3 책 중 하나입니다. 전자 버전을 읽었지만 구매를 고려할 것입니다!
브라우저와 함께 제공되는 개발자 도구를 사용하는 것이 사실이라는 것을 알았습니다. 설명 할 수 없었을 때 브라우저와 함께 제공되는 렌더링 매개 변수를 개인적으로 불렀습니다. 아래 그림에서 -webkit-의 시작 부분에있는 두 단락은 표의 경계를 2px로 설정합니다.
JS 파일을 보고이 HTML 태그 쌍을 제거했습니다. 괜찮을 것입니다. 내부의 주석 태그를 유지할 수 있습니다.
<!-CSS가 포함 된 CSS 파일을 다시 보았습니다. CSS 스타일 파일에 HTML 댓글조차 가질 수 없습니다. 그렇지 않으면 CSS가 부분적으로 설명 된 이상한 현상이있을 것이며, 일단 제거되면 괜찮을 것입니다. 너무 실망 스럽습니다. 내 실수는이 작은 의견으로 인한 것으로 밝혀졌습니다.
그렇다면 CSS 파일에 댓글을 어떻게 작성합니까? C 주석 메소드를 사용하기 만하면 /* 주석* /
위의 기사는 JS 및 CSS의 인라인 및 외부 연결에 대한 예방 조치에 대해 간략하게 설명합니다. 나는 당신이 당신에게 참조를 줄 수 있기를 바랍니다. 그리고 당신이 wulin.com을 더 지원할 수 있기를 바랍니다.