HTML 파일에 CSS를 넣는 방법

CSS를 HTML 파일에 넣는 방법: 1. HTML 태그의 스타일 속성에 CSS를 직접 추가합니다. 2. HTML 헤더의 스타일 태그 아래에 CSS를 작성합니다. 3. 외부 CSS 파일을 삽입하려면 head 태그를 사용합니다. 4. CSS 규칙을 사용하여 외부 CSS 파일을 도입합니다.

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

HTML에 CSS를 도입하는 방법

HTML에 CSS를 도입하는 방법에는 4가지가 있습니다. 그 중 2개는 HTML 파일에 직접 CSS 코드를 추가하는 것이고, 나머지 2개는 외부 CSS 파일을 도입하는 것입니다. 이러한 방법과 장단점을 살펴보겠습니다.

인라인 방식

인라인 방식이란 HTML 태그의 스타일 속성에 CSS를 직접 추가하는 것을 말합니다.

예:

<div style="background: red"></div>

이것은 일반적으로 나쁜 작성 방법입니다. 현재 태그의 스타일만 변경합니다. 여러 개의

가 동일한 스타일을 갖도록 하려면 각

; 동일한 스타일을 추가하려면, 모든 스타일의 코드를 수정해야 합니다. 분명히 CSS 코드를 인라인으로 도입하면 HTML 코드가 장황해지고 웹 페이지를 유지 관리하기 어려워집니다.

임베딩 방법

임베딩 방법은 HTML 헤더의