1. Inline style
(인라인 스타일)

1
2
3
<p style="font-size: 25pt; font-weight:bold; font-wytle: italic; color:red;"> 
contents 
</p>

[separator top=”35″ style=”dotted”]

2. Embeded style or Internal style
Put this between <head> and </head>.
(임베디드 스타일, <head>와 </head> 사이에 넣으면 좋죠.
그냥 쉽게 </head> 위에 넣는다고 생각하고
자바스크립트를 넣게되면 이 스타일 뒤에 넣는다고 생각하면 편하겠습니다.
또한 html5에서는 type=”text/css” 속성은 필요없습니다.)

1
2
3
4
5
6
<style type="text/css">
  h1 {font-size: 16px;}
  p{color: blue;}
</style>
 
</head>

[separator top=”35″ style=”dotted”]
3. Linked sytle
(링크드 스타일)

1
<link href="my_syle_sheet.css" media="all" rel="stylesheet" type="text/css"/>

or Linking CSS by CSS

1
2
3
4
 <style>
   @import url(css/style.css);
   p {font-family: arial;}
 </sytle>

@import must before other style. Otherwise imported css doesn’t work.
(@import는 다른 스타일 이전에 위치해야합니다. 위에서 p {.. } 가 먼저 있고
@import가 나중에 있으면 링크된 css는 무시됩니다)