외부 CSS 스타일 시트를 HTML에 연결

저는 HTML/CSS를 처음 사용하고 HTML 파일 중 하나에 CSS 파일을 사용하고 싶습니다. 내가 어떻게 해?외부 CSS 스타일 시트를 HTML에 연결

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

출처

2010-01-01 RCIX

당신은 LINK 요소의 다음 속성을 외부 스타일 시트를 지정할 수 있습니다

스타일 시트 파일의 위치를 href가의 값을 설정합니다. href의 값은 URL입니다.
유형 속성의 값을 링크 된 (스타일 시트) 자원의 언어로 지정하십시오. 이것은 사용자 에이전트가 지원되지 않는 스타일 시트 언어에 대한 스타일 시트를 다운로드하는 것을 피하게한다.
는 스타일 시트, 지속적인 바람직하다, 또는 대체하도록 지정 :

스타일 시트가 지속적으로 만들려면, rel 속성에 "스타일"을 설정하고 설정하지 마십시오 title 속성.

스타일 시트를 선호하려면 rel 속성을 "stylesheet"로 설정하고 title 속성으로 스타일 시트 이름을 지정하십시오.

대체 스타일 시트를 지정하려면 rel 속성을 "alternate stylesheet"로 설정하고 스타일 속성에 title 속성의 이름을 지정하십시오. 이 예에서

, 우리는 먼저 파일 mystyle.css에있는 영구적 인 스타일 시트 지정 : 내 CSS 파일 덕분에 쓰기가 머리를 계획

<LINK href="path_to_css_file" rel="stylesheet" type="text/css">

출처

2010-01-01 07:14:53 Yash

변경 완료 – RCIX

HTML 태그를 대문자로 사용하지 마십시오. 다양한 html 스펙은 소문자 태그 이름을 선호하거나 필요로합니다. – Asaph

은 다음과 같습니다 라인을 추가합니다.

이렇게하면 HTML에 스타일 시트를 추가 한 직후의 CSS 스타일을 정의 할 수 있습니다.

출처

2010-01-01 05:45:56 Asaph

난 당신이 w3schools CSS Tutorial을 통해 이동하여 시작하는 것이 좋습니다 : HTML 문서의 <head> 태그에

출처

2010-01-01 05:46:02

을 :) – RCIX

하지만 중도 * 괜찮은 * CSS 튜토리얼 (그리고 많은 것들이있다)은 또한 당신의 HTML에서 그것을 호출하는 방법을 논의 할 것이다. 말 앞에 카트를 넣지 마십시오. CSS를 작성한 다음 호출하십시오. – pavium

고맙게도,이 CSS는 개인 용도로만 사용되므로 (아마도) 내가 끔찍한 CSS를 보지 못하게 할 것입니다.). – RCIX

외부 CSS 스타일 시트를 HTML에 연결

답변

관련 문제