- <CSS>
- HTML에 한계에 의해서 탄생.
- 세밀하고 섬세한 효과까지 가능하다.
<div> 줄바꿈이 됨
<span> 줄바꿈 안됨
<html>
<head>
<title>스타일시트
공부하기</title>
<style type="text/css">
<!--
Body{font-size:9pt;font-family:돋움;color:gray;}
td{font-size:9pt;color:#0000FF;}
font{font-size:9pt;color:#FF0000;}
-->
</style>
</head>
<body>
어린시절 // 이용복<p>
진달래
먹고 물장구 치고 다람쥐 쫓던 어린시절에 <p>
<font>눈사람</font>처럼 커지고 싶던 그 마음 내 마음 <p>
아름다운
시절은 꽃잎처럼 흩어져 <p>
다시
올수없지만 잊을수는 없어라 <p>
꿈이었다고
가버렸다고 안개속이라해도 워우워우 <p>
진달래
먹고 물장구 치고 다람쥐 쫓던 어린 시절에 <p>
눈사람
처럼 커지고 싶던 그 마음 내마음 <p>
진달래
먹고 물장구 치고 다람쥐 쫓던 어린시절에 <p>
눈사람처럼
커지고 싶던 그마음 내마음 <p>
<table>
<tr>
<td>진달래
먹고</td>
</tr>
<tr>
<td>물
장구 치고</td>
</tr>
</table>
</body>
</html>
샘플 css
Body{font-size:9pt;font-family:돋움;color:gray;}
td{font-size:9pt;color:#0000FF;}
font{font-size:9pt;color:#FF0000;}
<html>
<head>
<title>스타일시트
공부하기</title>
<style type="text/css">
<!--
Body{font-size:9pt;font-family:돋움;color:gray;}
.a{font-size:9pt;font-family:돋움;color:green;}
.title{font-size:13pt;font-family:돋움;color:blue;}
.pink{font-size:13pt;font-family:돋움;color:pink;}
-->
</style>
</head>
<body>
<font
class="title">어린시절 // 이용복</font><p>
<font
size="4" color="blue">어린시절//이용복</font><p>
진달래
먹고 물장구 치고 다람쥐 쫓던 어린시절에 <p>
<font>눈사람</font>처럼 커지고 싶던 그 마음 내 마음 <p>
아름다운
시절은 꽃잎처럼 흩어져 <p>
다시
올수없지만 잊을수는 없어라 <p>
<font
class="a">꿈이었다고</font> 가버렸다고
안개속이라해도 워우워우 <p>
진달래
먹고 물장구 치고 다람쥐 쫓던 어린 시절에 <p>
<font
class="pink">눈사람</font> 처럼
커지고 싶던 그 마음 내마음 <p>
진달래
먹고 물장구 치고 다람쥐 쫓던 어린시절에 <p>
눈사람처럼
커지고 싶던 그마음 내마음 <p>
<table>
<tr>
<td>진달래
먹고</td>
</tr>
<tr>
<td>물
장구 치고</td>
</tr>
</table>
</body>
</html>
댓글 없음:
댓글 쓰기