1. 임베디드 방식
: <style type="text/css"></style> 을 사용하여 스타일을 지정하는 방식
(type="text/css"는 생략하고 <style>만 써도 됨)
: <head></head> 태그 사이에 정의한다.
: HTML 소스에 그대로 삽입된다.
-> 일반적으로 공통된 스타일시트가 적용되는 웹페이지의 수가 적을 때 사용
<html>
<head>
<style type="text/css">
/* 이 곳에 스타일 정의!! */
</style>
</head>
<body>
...
</body>
</html>
2. 링크 방식(추천!)
: <style></style> 태그는 생략하고, 파일에 스타일 내용만 작성하여 확장자를 css로 저장한 후 <link>태그를 사용하여 불러들이는 방식
: 외부파일(*.css)로 정의한다.
-> 여러 페이지에 동일한 스타일을 적용할 때 사용
(다른 HTML 문서에도 스타일을 링크만으로 일관성있게 만들 수 있음)
<link rel="stylesheet" type="text/css" href="*.css" />
3. 인라인 방식
: 태그 하나하나에 일일이 속성값으로 지정해주는 방식
: 태그내에 스타일을 적용하는 것이다.
->권장하지 않는 형태이나 특정한 스타일만 써야 할 필요가 있다면 사용해도 무방하다.
<font style="font-family: 궁서; font-size:9pt; color:#ff0000>...</font>
댓글 없음:
댓글 쓰기