HTML에서 CSS 스타일을 참조하는 방법에는 세 가지가 있습니다. 그렇다면 세 가지 방법은 무엇일까요? 이 기사에서는 CSS 파일을 참조하는 HTML의 세 가지 방법에 대해 자세히 소개합니다.
HTML 문서와 CSS의 XHTML 문서에 스타일 시트를 적용하는 방법은 크게 다음 세 가지 방법으로 나눌 수 있습니다. (추천 튜토리얼: css 동영상 튜토리얼)
1 요소를 사용하여 외부 CSS 파일을 호출하고 적용합니다
2. < ;스타일> 요소는 문서 단위에 적용됩니다
3. 요소에 스타일 속성을 추가하여 스타일을 적용합니다
<링크> 외부 CSS 파일 적용
HTML 파일과 별도로 스타일시트를 설명하는 CSS 파일을 생성하고 HTML 파일에서 호출합니다. 호출의 경우 외부 CSS 파일은 HTML 문서를 설명하는
요소의 적용된 스타일이 CSS를 기반으로 함을 브라우저 등에 알리려면 요소의 type 속성 값에 text/css를 지정합니다. XHTML과의 호환성, 스타일 수정의 용이성 등을 고려하여 스타일 시트를 이런 방식으로 설정하는 것이 좋습니다.스타일 시트 구성 요소는 외부 파일(xxx.css)에 설명되어 있습니다.
p {color：blue; line-height：1.5;}HTML 소스 코드
<html> <head> <link rel =“ stylesheet ”type =“ text / css ”href =“ xxx.css ”> </ head> <body> <p>这是一个段落</ p> </ body> </ html>