몽땅뚝딱 개발자

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

Development/HTML · CSS

[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)

 

 

 


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

 

 

'Development > HTML · CSS' 카테고리의 다른 글

[CSS] background-size  (0) 2021.12.07
[CSS] 조건 주석문  (0) 2021.12.07
[CSS] 벤더 프리픽스(CSS3 Vendor Prefix)  (0) 2021.12.05
[CSS] 서체(font)  (0) 2021.12.05
[HTML] input의 다양한 속성  (0) 2021.12.04
Comments