반응형
안녕하세요.
css 시트는 html로 작성한 웹 페이지의 스타일을 적용합니다.
스타일시트는 내부 스타일시트와 외부 스타일시트가 있습니다.
내부 시내일 시트는 <style>~</style> 태그를 사용해 html 문서 안에 작성하는 방법입니다.
외부 스타일시트는 <link> 태그에 href속성을 사용하여 html로 불러 사용합니다.
외부 스타일시트는 협업을 할 경우, 프로젝트 단위가 클 경우 사용합니다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
|
<!DOCTYPE html>
<html>
<head>
<title>codeomni.tistory.com css 외부 스타일 시트 사용 소스 코드</title>
<link rel="stylesheet" href="stylesheet.css">
</head>
<body>
<div>
<h1>codeomni.tistory.com</h1>
<p>css 외부 스타일 시트 사용 소스 코드</p>
</div>
</body>
</html>
|
cs |
▲ html 소스 코드입니다.
|
1
2
3
4
5
6
7
|
body {
background-color: #ff6a58;
}
p {
font-size: 30px;
color: #d9cbb3;
}
|
cs |
▲ css 소스 코드입니다.
▲ 실행 화면입니다.
댓글