-<style>
:HTML 문서의 스타일 정보를 정의한다. HTML 요소들을 브라우저에 어떻게 렌더링 할지 style 태그에 지정하며 항상 type 속성에 “text/css” 값을 지정해주어야 한다. style 요소는 항상 head 태그 내에 위치하며 만약 외부 스타일 시트(style sheet) 파일을 연결하려면 link 태그를 사용하면 된다.
<html>
<head>
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>Header 1</h1>
<p>A paragraph.</p>
</body>
</html>
type : 스타일 시트의 MINE 타입을 text/css 로 지정.
media : screen, tty, tv, projection, handheld, print, braille, aural, all 값으로 서로 다른 미디어(또는 장치)의 스타일을 지정
-<div>
:division 의 약자로 HTML 문서 영역이나 섹션의 분할을 정의한다.
div 태그는 요소들을 서식 또는 그룹화 하고 스타일을 줄 수 있기 때문에 대부분 웹페이지의 레이아웃을 위해 css 와 함께 사용되어 지며 브라우저는 div 를 줄바꿈하여 렌더링 한다.
<div style="color:#00FF00">
<h3>This is a header</h3>
<p>This is a paragraph.</p>
</div>
-<span>
:인라인 요소들을 그룹화하는데 사용되며 그 자신도 인라인 요소이기 때문에 브라우저에 레이아웃 변경은 되지 않는다.
<p>My mother has <span class="blue">light blue</span> eyes.</p>
출처 : http://htmlcss.kr/html/styles/