메뉴 건너뛰기

HEUKMYO

web publishing

140625_스타일적용방법

2014.06.26 10:12 read.36

내부스타일 : html 파일에 직접 적용

외부(link) : 외부의 스타일파일을  link를 시켜서 스타일적용
외부(import)스타일: 외부의 스타일파일을  import를 시켜서 스타일적용
인라인 스타일 : 태그안에 style 속성을 넣어서 스타일을 적용


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" lang="ko" xml:lang="ko">
 <head>
 <meta name="generator" content="editplus" />
 <meta name="author" content="" />
 <meta name="keywords" content="" />
 <meta name="description" content="" />
 <meta http-equiv="content-type" content="text/html;charset=utf-8" />
 <title> new document </title>
 <style type="text/css">
/* 내부스타일  */
h1{color:red}
 /* 외부스타일(import)  */
 @import url("css/import.css");
 </style>
 <!-- 외부스타일(link) -->
 <link rel="stylesheet" type="text/css" href="css/link.css" />
 </head>
 <body>
 <h1>내부스타일</h1>
 <h2>외부(link)</h2>
 <h3>외부(import)스타일</h3>
 <h4 style="color:yellow">인라인 스타일</h4>
 </body>
 </html>


@charset "utf-8";
/* CSS Document */
 
h2{color:green}

@charset "utf-8";
/* CSS Document */

h3{color:orange}

위로