문서의 이전 판입니다!

−목차

Document

Document

description : CSS How to add CSS
author : 오션
email : shlim@repia.com
lastupdate : 2021-03-04

Source of the article

How to Add CSS

브라우저가 스타일시트를 참조할 때, 브라우저는 스타일 시트의 정보에 따라 HTML 문서를 구성합니다.

CSS를 추가하는 3가지 방법

스타일 시트를 추가하는 3가지 방법이 있습니다.

외부 CSS (External CSS)
내부 CSS (Internal CSS)
인라인 CSS (Inline CSS)

외부 CSS (External CSS)

외부 스타일 시트를 사용하면, 단 하나의 파일만 수정하여 전체 웹사이트의 형태를 변경할 수 있습니다.
각각의 HTML 페이지는 head 섹션 안에서 <link> 요소 내부에 왜부 스타일 시트 참조를 포함해야 합니다.

예제

외부 스타일은 HTML 페이지의 <head> 섹션 내부에 <link> 요소 안에서 정의됩니다.

<!DOCTYPE html>
<html>
<head>
<line rel="stylesheet" href="mystyle.css">
</head>
 
<body>
 
<h1>This is a heading.</h1>
<p>This is a paragraph.</p>
 
</body>
</html>

외부 스타일 시트는 어떤 텍스트 에디터로도 작성할 수 있고, 반드시 .css확장자로 저장해야 합니다.
외부 .css파일에는 어떠한 HTML 태그도 있어서는 안됩니다.
<code javascript> body {

background-color: lightblue;

}

h1 {

color: navy;
margin-left: 20px;

} <code>

내부 CSS (Internal CSS)

인라인 CSS (Inline CSS)

오션, CSS, combinator, selector,, combination, selector

문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12

사용자 도구

사이트 도구

−목차