CSS 사용법 3가지
-
브라우저는 스타일 시트(CSS)를 읽으면 스타일 시트의 정보에 따라 HTML 문서의 서식을 지정
-
HTML 문서에 스타일 시트를 적용하는 방법은 3가지가 있음
-
외부 스타일 시트, 내부 스타일 시트, 인라인 스타일
외부 스타일 시트
1) 외부 스타일 시트 방식이란?
-
CSS를 외부 파일로 하나 만들어서 쓰는 방식
-
a.css란 스타일 시트를 만들어서 HTML의 head 태그 사이에 link 태그를 사용하여 참조하는 형식
-
외부 스타일 시트 파일을 참조하는 형식으로 사용하면 변경이 용이하다는 장점이 있음
2) 외부 스타일 시트 방식 사용법
<head>
<link rel="stylesheet" type="text/css" href="a.css">
</head>내부 스타일 시트
1) 내부 스타일 시트 방식이란?
- CSS를 외부에 파일로 두지 않고 HTML head 태그 사이 style 태그 안에 작성하는 방식
2) 내부 스타일 시트 방식 사용법
<head>
<style>
h1 {
color: blue;
}
</style>
</head>인라인 스타일
1) 인라인 스타일 방식이란?
-
한 개의 HTML 태그 요소에 스타일을 적용하는 방식
-
공통적으로 사용하는게 아닌 유니크하게 특정 태그에 고유한 스타일을 적용할 때 사용
-
인라인 스타일은 스타일 시트의 많은 장점을 잃기 때문에 지양해야 함
2) 인라인 스타일 방식 사용법
<h1 style="color:blue;"> hello </h1>