외부 CSS 스타일 시트의 용도는 무엇입니까?

외부 CSS 스타일 시트의 기능: 1. HTML에서 스타일을 분리하여 구조와 성능 코드를 완전히 분리합니다. 2. 편리한 재사용 및 유지 관리로 작업량을 줄입니다. 3. 파일 크기를 줄이고 페이지 구조를 더욱 유연하게 만듭니다. 프로그래머와 웹 크롤러가 읽을 수 있습니다. 4. 네트워크 트래픽과 대역폭을 절약합니다. 5. 렌더링 시간을 줄입니다. 6. 검색 순위 등에 도움이 됩니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, CSS3 버전, Dell G3 컴퓨터.

CSS 스타일이 웹 페이지 문서 외부의 파일에 배치된 경우 이를 외부 스타일 시트라고 합니다. CSS 스타일 시트 문서는 외부 스타일 시트를 나타냅니다.

실제로 외부 스타일 시트는 확장자가 .css인 텍스트 파일입니다. CSS 스타일 코드를 텍스트 파일에 복사하여 .css 파일로 저장하면 외부 스타일 시트가 됩니다. 예를 들어 아래 그림은

외부 CSS 스타일 시트의 역할:

• 스타일을 html에서 분리하여 구조와 성능 코드를 완전히 분리합니다.

• 재사용 및 유지 관리가 쉽고 작업 부하가 줄어듭니다. CSS 스타일시트 파일만 수정하면 수많은 웹페이지가 바뀔 수 있고, 사이트 전체의 스타일과 특성까지 바뀔 수 있기 때문이다. 이렇게 하면 웹 페이지를 하나씩 수정하지 않아도 됩니다.

• 별도의 파일로 분리되어 있기 때문에 HTML 파일의 크기가 대폭 줄어들어 프로그래머나 웹 크롤러가 페이지 구조를 쉽게 읽을 수 있습니다.

• 작성된 코드 파일이 더욱 간결해졌습니다(다른 사람이 읽기 쉽도록) ), 파일 크기도 상대적으로 작습니다.

• 코드 파일을 전송할 때 네트워크 트래픽과 대역폭을 절약할 수 있습니다. (파일이 작고 반복되는 CSS 스타일이 캐시에 저장되기 때문입니다.)

• 코드 파일을 렌더링할 때 렌더링 시간을 줄일 수 있습니다. (파일이 작기 때문에)

• 검색 엔진에 친화적이므로 검색 엔진이 페이지를 더 높게 평가할 수 있어 페이지의 검색 엔진 순위에 유리합니다.

• 외부 스타일 시트는 사용자의 첫 번째 방문, 다음 방문 시 로드할 필요 없음

(동영상 공유 학습: css 동영상 튜토리얼)

위 내용은 외부 CSS 스타일 시트의 용도는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!