CSS 스타일 시트를 도입하는 방법은 무엇입니까?

방법: 1. 요소 태그의 스타일 속성에 CSS 스타일을 추가합니다. 2. 문서 헤드 부분의 스타일 태그 쌍에 CSS 스타일을 추가합니다. 3. CSS 코드를 ".css" 파일에 넣습니다. "< ;link rel="styleheet" href="file path">" 문을 사용하세요.

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

CSS의 세 가지 스타일 시트

CSS 스타일이 작성되는 위치(또는 도입 방식)에 따라 CSS 스타일 시트는 다음 세 가지 범주로 나눌 수 있습니다.

• 인라인 스타일 시트( 인라인 스타일)

• 내부 스타일 시트(임베디드)

• 외부 스타일 시트(링크)

1. 인라인 스타일 시트

인라인 스타일 시트의 구문 형식은 다음과 같습니다.

<div style="color: blue; font-size: 16px;">测试</div>

참고:

• 인라인 스타일 시트는 요소 태그 내부의 스타일 속성에 CSS 스타일을 설정합니다. 이는 간단한 스타일을 수정하는 데에만 적합합니다.

2. 내부 스타일 시트의 구문 형식입니다.

<style>
div {
color: blue;
font-size: 16px;
}
</style>

참고:

내부 스타일 시트는 모든 CSS 코드를 추출하여 별도의 c9ccee2e6ea535a969eb3f532ad9fe89 태그에 넣습니다.

• c9ccee2e6ea535a969eb3f532ad9fe89 HTML 문서이지만 일반적으로 문서의 93f0f5c25f18dab9d176bd4f6de5d30e 태그에 배치합니다
3. 외부 스타일 시트

외부 스타일 시트 도입 단계:

다음을 사용하여 새 스타일 파일을 만듭니다. 접미사 .css를 추가하고 모든 CSS 코드를 이 파일에 넣으세요.

• HTML 페이지에서 9b3737d50531bee70b4389e7b6fabf02 태그를 사용하여 파일을 소개하세요.

• 99a09b9b891c8e41a681dd0cb91cce09

AttributeDescription rel은 현재 문서와 다른 링크된 문서 간의 관계를 정의합니다. "스타일시트"는 링크된 문서가 스타일시트 파일임을 의미합니다href 연결된 외부 스타일 시트 파일의 URL은 상대 경로일 수도 있고 절대 경로일 수도 있습니다 (동영상 공유 학습: css 동영상 튜토리얼)

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