HTML에서 CSS 스타일을 참조하는 방법은 무엇입니까? CSS 파일을 참조하는 HTML의 세 가지 방법 소개
- 不言원래의
- 2018-11-08 09:43:087020검색
HTML에서 CSS 스타일을 참조하는 방법에는 세 가지가 있습니다. 그렇다면 세 가지 방법은 무엇일까요? 이 기사에서는 CSS 파일을 참조하는 HTML의 세 가지 방법에 대해 자세히 소개합니다.
HTML 문서와 CSS의 XHTML 문서에 스타일 시트를 적용하는 방법은 크게 다음 세 가지 방법으로 나눌 수 있습니다. (추천 튜토리얼: css 동영상 튜토리얼)
1 2cdf5bf648cf2f33323966d7f58a7f3f 요소를 사용하여 외부 CSS 파일을 호출하고 적용합니다
2. < ;스타일> 요소는 문서 단위에 적용됩니다
3. 요소에 스타일 속성을 추가하여 스타일을 적용합니다
7a6a6e6fc80b42f5186c39fb2e6badd5 외부 CSS 파일 적용
HTML 파일과 별도로 스타일시트를 설명하는 CSS 파일을 생성하고 HTML 파일에서 호출합니다. 호출의 경우 외부 CSS 파일은 HTML 문서를 설명하는 93f0f5c25f18dab9d176bd4f6de5d30e 요소의 2cdf5bf648cf2f33323966d7f58a7f3f 적용된 스타일이 CSS를 기반으로 함을 브라우저 등에 알리려면 2cdf5bf648cf2f33323966d7f58a7f3f 요소의 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>
c9ccee2e6ea535a969eb3f532ad9fe89 요소를 사용하여 문서 단위에 적용 # 🎜🎜 #
HTML 문서의 93f0f5c25f18dab9d176bd4f6de5d30e 요소에 c9ccee2e6ea535a969eb3f532ad9fe89 요소를 작성하고 각 문서에 대한 스타일 시트를 설정합니다. 적용된 스타일이 CSS를 기반으로 함을 브라우저 등에 알리려면 c9ccee2e6ea535a969eb3f532ad9fe89 요소의 type 속성 값으로 text/css를 지정합니다.
<html>
<head>
<style type="text/css">
<!--
p {color:blue; line-height:1.5;}
-->
</style>
</head>
<body>
<p>这是一个段落。</p>
</body>
</html>
요소에 스타일 속성을 추가하여 스타일 적용
요소에 스타일 속성을 추가하고 HTML 소스 코드에서 직접 스타일 사양을 설명합니다. style 속성을 통해 스타일을 지정하려면 문서에 사용된 스타일 시트가 CSS임을 브라우저 등에 알리기 위해 93f0f5c25f18dab9d176bd4f6de5d30e 요소에 e8e496c15ba93d81f6ea4fe5f55a2244 text/css를 값으로 사용합니다. 대부분의 경우 이를 지정하지 않아도 브라우저가 자동으로 파악하지만, 결함을 방지하려면 이를 작성해야 합니다. 스타일 속성의 스타일 지정은 부분적으로 스타일의 우선순위를 지정하는 데 유용하지만 HTML 소스가 복잡해지면 스타일 관리가 복잡해지는 경향이 있습니다. 효율적인 스타일 관리를 목표로 하면 CSS 부분을 외부 파일로 변환하는 것이 일반적입니다. 예: 스타일 속성을 사용하여 스타일시트 직접 적용<html> <head> <meta name="Content-Style-Type" content="text/css"> </head> <body> <p style="color:blue; line-height:1.5;">这是一个段落。</p> </body> </html>
위 내용은 HTML에서 CSS 스타일을 참조하는 방법은 무엇입니까? CSS 파일을 참조하는 HTML의 세 가지 방법 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!