HTML에서 CSS를 로드하는 방법: 1. 외부 스타일을 통해 CSS를 로드합니다. 2. 내부 스타일을 통해 CSS를 로드합니다. 4. 가져온 스타일을 통해 CSS를 로드합니다.
이 기사의 운영 환경: windows7 시스템, HTML5&&CSS3 버전, DELL G3 컴퓨터
html에서 CSS를 로드하는 방법은 무엇입니까?
CSS 스타일 로드에는 4가지 유형이 있습니다
1. 외부 스타일(외부 스타일)
CSS가 외부 파일인 경우
html file
<link href="style.css" rel="stylesheet" type="text/css" />
로그인 후 복사
href=”style.css” 여기에서 CSS 파일의 경로를 작성할 수 있습니다
이 형식은 CSS를 CSS 파일에 별도로 작성한 다음 소스 코드에서 링크로 연결하는 것입니다. 이 페이지 뿐만 아니라 다른 페이지에서도 호출이 가능하다는 장점이 있습니다
2. 내부 스타일(임베디드 스타일)
내부 스타일이라면 역시 가능합니다. < /head>에
<style type="text/css">
h3 { color:#f00;}
</style>로그인 후 복사
를 작성합니다. 로 끝나며 소스 코드의 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
