728x90
반응형
03_tag.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>요안도라</title>
<style>
@import "../css/03_tag.css";
</style>
</head>
<body>
<section>
<h2>요안도라 소개</h2>
<h3>¤ 요안도라는 게스트 하우스(Guest House) 형식의 농어촌 민박입니다</h3>
<p>성산의 날씨는 다음주 내내 높은 구름에 햇살 가득이라고 합니다.</p>
<p>목요일이면 섭씨 27도까지 오른다고 하지만, </p>
<p>늘 부는 바람이 쾌적한 균형을 잡아 마당에 마당에 나가 앉아 있는 시간이 많아질듯 합니다.</p>
<p>오늘은 사진에 보이는 긴 돌담을 따라 들어오는 요안도레 올레 입구에 특곤색의 대문을 달았습니다.</p>
</section>
</body>
</html>03_tag.css
@CHARSET "UTF-8";
h2{
color: blue;
}
p{
font-size: 12px;
color: #ff0000;
margin-left: 20px;/*화면 왼쪽으로부터 픽셀만큼 떨어뜨림.*/
}
728x90
반응형
'WEB > CSS' 카테고리의 다른 글
| [CSS] ch01-06. descendant (0) | 2017.08.22 |
|---|---|
| [CSS] ch01-05. ID (0) | 2017.08.22 |
| [CSS] ch01-04.Class (클래스) (0) | 2017.08.22 |
| [CSS] ch01-02. 리스트 스타일 (list style) (0) | 2017.08.22 |
| [CSS] ch01-01. 폰트 컬러, 배경 컬러 (0) | 2017.08.22 |