[CSS] 스타일시트(Stylesheet) 작성의 4가지 방법

레오나르도 다빈츠 2021. 12. 6. 16:35

◽ 내부 스타일시트

<html>
<head>
	<style type="text/css">
    	p { color: red; }
    </style>
</head>
</html>

◽ 외부 스타일시트: <link>

<html>
<head>
	<link rel="stylesheet" type="text/css" href="style.css" />
</head>
</html>

◽ 외부 스타일시트: @import

<html>
<head>
	@import url("style.css");
</head>
</html>

◽ 인라인 스타일시트

<p style="color: red;">예제</p>

출처

김광수, 조혜경, 정인용, 실전프로젝트 반응형 웹 퍼블리싱 (아이콕스, 2020)

개인적으로 공부한 내용을 정리하는 블로그로
잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.