순서는 아래와 같다.
External Stylen Sheet < Internal Style Sheet < Inline Styles
간단히 설명을 하자면 파일로 스타일을 먹이는 것보다 html 안에 style 태그를 사용하여 스타일을 먹이는 것이 더 나중에 적용이 되며, style 태그로 스타일을 먹이는 것보다 스타일을 적용하고 싶은 태그의 속성에 스타일을 먹이는 것이 해당 태그의 최종 스타일로 적용시킬 수 있다는 것이다.
1. External Stylen Sheet
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
2. Internal Style Sheet
<head>
<style type="text/css">
body {
background-color: green;
}
</style>
</head>
3. Inline Styles
<body style="background-color: green;">
예제.
반응형
'개발자의 삶 > Web(html, script, css) 기초' 카테고리의 다른 글
| [CSS] html table display 설정 시, 화면이 깨지는 현상 (0) | 2016.11.24 |
|---|---|
| [script] toNumber, toString, ... (0) | 2016.09.22 |
| [script] host url (0) | 2016.09.02 |
| [script] script parameters 에 관한 것들 (0) | 2015.08.13 |
| [CSS] div 태그 안에 2개 태그 좌/우 정렬과 text 세로 정렬하기 (0) | 2015.08.04 |
| [sciprt] form 가져오기 (0) | 2014.11.21 |
| [script] 브라우저 체크 (0) | 2014.10.06 |
| 팝업 url 변경하기 (0) | 2014.09.25 |
댓글