HTML에서 CSS를 로드하는 방법

HTML에서 CSS를 로드하는 방법: 1. 외부 스타일을 통해 CSS를 로드합니다. 2. 내부 스타일을 통해 CSS를 로드합니다. 4. 가져온 스타일을 통해 CSS를 로드합니다.

이 기사의 운영 환경: windows7 시스템, HTML5&&CSS3 버전, DELL G3 컴퓨터

html에서 CSS를 로드하는 방법은 무엇입니까?

CSS 스타일 로드에는 4가지 유형이 있습니다

1. 외부 스타일(외부 스타일)

CSS가 외부 파일인 경우 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 html file

<link href="style.css" rel="stylesheet" type="text/css" />

href=”style.css” 여기에서 CSS 파일의 경로를 작성할 수 있습니다

이 형식은 CSS를 CSS 파일에 별도로 작성한 다음 소스 코드에서 링크로 연결하는 것입니다. 이 페이지 뿐만 아니라 다른 페이지에서도 호출이 가능하다는 장점이 있습니다

2. 내부 스타일(임베디드 스타일)

내부 스타일이라면 역시 가능합니다. 93f0f5c25f18dab9d176bd4f6de5d30e7cdffbc981ce578dc6212f54b5f55c8e에

<style type="text/css">
h3 { color:#f00;}
</style>

를 작성합니다. c9ccee2e6ea535a969eb3f532ad9fe89 및 531ac245ce3e4fe3d50054a55f265927로 끝나며 소스 코드의 head 태그에 작성됩니다. 이러한 스타일 시트는 이 페이지에만 유효합니다. 다른 페이지에는 적용할 수 없습니다.

3. 인라인 스타일

HTML 태그에 직접 CSS 스타일을 작성할 수도 있습니다.

<p style="font-size:18px;">内部样式</p>

태그에 스타일로 표시된 이러한 유형의 스타일은 인라인 스타일입니다. 내용과 관련이 없으므로 사용을 권장하지 않습니다.

4. 스타일 가져오기

@import url("public.css");

가져온 스타일은 @import URL 태그와 연결된 외부 스타일 시트로, 일반적으로 다른 스타일 시트 내부에서 사용됩니다. index.css가 홈 페이지에서 사용되는 스타일인 경우 전역적으로 필요한 공개 스타일을 public.css 파일에 넣은 다음 인덱스에서

@import url("/public.css")을 사용할 수 있습니다. CSS

전역 스타일을

형식으로 연결하면 코드 재사용성이 높아집니다.

【추천 학습: css 동영상 튜토리얼

】🎜

위 내용은 HTML에서 CSS를 로드하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!