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 코드를 추출하여 별도의