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