01.CSS - 스타일 시트 시작

Godffs 2009. 7. 27. 14:59

XHTML/HTML는 기본모양을 만들고, CSS는 스타일 적용(꾸미기) 가능하고,
JavaScript1.2 은 기능을 추가 할 수 있습니다.
HTML문서에 CSS를 적용시키는 방법과 CSS 적용하는 방법입니다.

HTML에서 CSS적용시키는 간단한 예제 입니다.

                        <html xmlns="http://www.w3.org/1999/xhtml">
                        <head>
                            <title>스타일시트 시작</title>
                            <style type="text/css">
                                div{ font-size:9pt; color:Blue; font-family:Verdana;}
                            </style>
                        </head>
                        <body>
                            <div>
                                안녕하세요.<br />
                            </div>

</body> 결과화면 ->
</html>

5줄: CSS를 사용하여 10줄에 있는 내용의 글씨 크기, 색깔, 글씨체 정의

10줄: <div>태그 안에 있는 내용에 CSS를 적용시켰습니다.

다른 나라에서는 영문 글꼴체를 "Verdana" 많이 사용하며, 우리나라는 돋움, 맑은체를 사용합니다.

01.스타일시트시작.htm