Web/lec05_1.html at master · gamgam330/Web · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<head> <style type="text/css">
    p {font-size: 10pt; line-height: 24pt}
    h3 { color: red; background-color:#90ff90; margin-left: 60px; margin-right: 60px; display:inline;}
    h3:after { content: " (ⓒsblim)"; font-size:10pt;}
    p { background-color: #ffff80; padding: 10px; border: medium dotted red }
    #next { line-height: 2pt; margin-left:30%; padding:8px; border: 4px double blue; display: inline;}
    strong, .red1 { background-color: silver; margin: 10px; padding: 6px; border: 1px solid black;display: inline; }
    </style> </head>
    <body>
    <h3> <strong>스타일시트</strong> 이해하기</h3>
    <p>이 예제는 <strong>박스모델</strong>의 개념을 설명합니다.
    <br><span class="red1">클래스</span>와 ID로 스타일을 지정합니다.</p>
    <p id="next">다음 예제로 이어집니다.</p>
    </body>