WEB/CSS

[CSS] ch01-03. 각종 태그 (tag)

밍글링글링 2017. 8. 22.
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

댓글