유블로그

[CSS] css 적용방식 본문

html&css

[CSS] css 적용방식

yujeong kang 2020. 9. 20. 13:48

1. 외부 스타일 시트 적용

- link

<head>
	<link rel="stylesheet" type="text/css" href="경로">
</head>

- @import

<head>
	@import url("경로");
</head>

 

2. 내부 스타일 시트 적용

<head>
	<style type="text/css">
    	h2 {
        	color: tomato;
        }
        .class {
        	font-size: 24px;
            	background-color: green;
        }
</head>

 

3. 인라인 스타일 적용 : 유지보수에 용이하지 않음

<body>
	<h2 style="color: tomato;">안녕</h2>
    	<div style="font-size: 24px; background-color: green;"></div>
</body>

 

< 스타일 적용 우선순위 >

인라인 스타일 > 내부 스타일 시트 > 외부 스타일 시트

저작자표시 비영리 변경금지

'html&css' 카테고리의 다른 글

[HTML] img 태그  (0) 2020.09.20
[HTML] table 태그  (0) 2020.09.20
[CSS] display, float 속성  (0) 2020.09.20
[CSS] css 선택자 및 우선순위  (0) 2020.09.20
'html&css' Related Articles more