현재 페이지에 추가되지 않은 CSS의 양식은 무엇입니까?
- 青灯夜游원래의
- 2021-02-02 16:50:425221검색
CSS에서 현재 페이지에 추가되지 않는 양식은 "링크된 스타일 시트"와 "가져온 스타일 시트"입니다. 링크 및 가져온 스타일 시트를 총칭하여 외부 스타일 시트라고 합니다. 이는 CSS 코드를 독립적인 외부 ".css" 파일에 작성한 다음 링크 태그 또는 "@import"를 사용하여 웹 페이지에 참조하는 방법입니다. 파일.
이 튜토리얼의 운영 환경: Windows 7 시스템, CSS3 버전, Dell G3 컴퓨터.
CSS에서 현재 페이지에 추가되지 않는 양식은 "링크된 스타일 시트"와 "가져온 스타일 시트"입니다.
링크되어 가져온 스타일 시트를 총칭하여 외부 스타일 시트라고 합니다. CSS 코드는 별도의 외부 파일에 작성되며 확장자는 ".css"입니다.
외부 스타일 시트는 링크 태그 또는 "@import"를 사용하여 웹 페이지 파일에서 참조되어야 합니다.
예:
<!-- 链接外部样式：也就是在与<head>与</head>标记之间加入一个<link>标记。 --> <head> <link href=”style.css” rel=”stylesheet” type=”text/css” /> </head> <!-- 导入外部样式：在内部样式表的<style></style>标记之间导入一个外部样式表，导入时用@import。 --> <style type="text/css"> @import "CssStyle.css"; </style>
[추천 튜토리얼: CSS 비디오 튜토리얼]
외부 스타일을 참조하는 가져오기 및 링크 방법은 둘 다 독립적인 CSS 스타일 파일을 웹 페이지 파일로 참조하는 것과 거의 동일합니다. 두 가지 사이에는 여전히 미묘한 차이점이 있습니다(왜냐하면 디자인이 두 개의 동일한 것을 만들 만큼 지루하지 않기 때문입니다). 제가 배운 내용을 바탕으로 두 가지 측면을 논의해 보겠습니다.
1. 링크 사용 링크된 CSS는 클라이언트가 탐색할 때 발생합니다. 웹 페이지에서 먼저 외부 CSS 파일을 웹 페이지에 로드한 다음 이를 컴파일하고 표시합니다. 따라서 이 경우 네트워크 속도가 느리더라도 표시된 웹 페이지는 예상한 것과 동일한 효과를 갖습니다. 효과. @import를 사용하여 가져온 CSS는 클라이언트가 웹페이지를 탐색할 때 먼저 html의 구조를 표시한 다음 외부 CSS 파일을 웹페이지에 로드합니다. 물론 최종 효과는 이전과 동일합니다. , 그러나 네트워크 속도가 느린 경우 CSS 통합 레이아웃이 없는 HTML 웹페이지가 먼저 표시되므로 독자는 매우 기분이 좋지 않을 것입니다. 이는 현재 대부분의 웹사이트의 CSS가 링크를 사용하는 주된 이유이기도 합니다.
2. 스타일을 가져오면 하나의 CSS 파일을 가리키는 너무 많은 페이지를 피할 수 있습니다. 웹사이트에 동일한 CSS 파일을 사용하는 페이지가 많지 않은 경우 두 방법의 효과는 거의 차이가 없습니다. 그러나 웹사이트의 페이지 수가 일정 수준에 도달하면(시나 및 기타 포털 등) ), 링크 방식을 사용하기 어려울 수 있습니다. 이는 동일한 CSS 파일을 여러 페이지에서 호출하기 때문에 속도가 저하될 수 있지만 일반적으로 이 수준의 페이지에 도달할 수 있는 웹사이트는 최고의 하드 디스크를 사용할 수도 있습니다. , 따라서 이 요소에 대해 걱정할 필요가 없습니다.
위의 두 가지 요소를 기반으로 이제 대부분의 웹사이트는 외부 CSS를 참조하기 위해 링크를 사용하는 것을 선호한다는 것을 알 수 있습니다.
더 많은 컴퓨터 프로그래밍 관련 지식을 보려면 프로그래밍 비디오를 방문하세요! !
위 내용은 현재 페이지에 추가되지 않은 CSS의 양식은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!