이 글의 운영 환경: Acer S40-51, HBuilder
인라인 스타일 시트내부 스타일 시트외부 스타일 시트
<h1 style="color:red;">style属性的应用</h1>이 방법을 사용하면 요소의 스타일을 개별적으로 쉽게 정의할 수 있습니다.
예:
인라인 스타일 시트의 장점과 단점:장점:
스타일 시트 파일이 없으면 특정 시점에는 효율성이 향상될 수 있습니다.
스타일 속성 스타일 효과는 가장 강력하며 다른 소개 방법의 동일한 스타일 효과를 덮어씁니다.
단점:스타일 시트 내부 장단점
장점: 인라인 스타일 시트와 마찬가지로 추가 요청이 발생하지 않으며, 초기에 구조와 스타일의 분리를 구현하므로 단일 페이지 웹사이트 애플리케이션에 더 적합합니다. 단점: 내부 스타일 시트가 HTML 파일로 작성되어 페이지가 불순하고, 파일 크기가 크고, 웹 크롤러가 정보를 얻는 데 도움이 되지 않으며, 유지 관리에 도움이 되지 않으며, 스타일을 공유할 수 없습니다. 페이지 사이
CSS 스타일이 웹 페이지 문서 외부의 파일에 배치된 경우 이를 외부 스타일 시트라고 합니다. CSS 스타일 시트 문서는 외부 스타일 시트를 나타냅니다. 실제로 외부 스타일 시트는 확장자가 .css인 텍스트 파일입니다. CSS 스타일 코드를 텍스트 파일에 복사하여 .css 파일로 저장하면 외부 스타일 시트입니다. 아래 그림과 같이 외부 스타일 시트입니다.
외부 스타일 시트 도입 방법:
HTML 파일은 확장자가 .css인 스타일 시트를 참조하는 방법이 있습니다. : 링크 유형, 가져옴.
1. CSS 링크 스타일
링크 스타일은 외부에서 CSS 스타일 시트를 정의하고 확장자가 .CSS인 파일을 구성한 후 링크 태그를 통해 페이지에 연결하는 것을 의미하며, 링크 문은 반드시 페이지의 태그 영역에 있습니다.
<link type="text/css" rel="styleSheet" href="CSS文件路径" />2. CSS 가져오기 Import는 @import를 통해
위 내용은 CSS 스타일 시트의 세 가지 방법은 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
