|
홈 > 재미있는 공부 > 컴퓨터/인터넷 > 컴퓨터 배움터 > 홈페이지
홈페이지
자, 그럼 예제를 살펴봄으로써, 알아보기로
하겠습니다.
|
<style type="text/css">
<!--
.green { color:green;
}
h3.red { color:red;
}
-->
</style>
|
위의 표 안에 있는 스타일을 붙여 넣기를
하거나, 직접 작성하여 봅니다.
작성하는 방법은 아시겠지요?
문서
스타일을 활용하는 방법입니다.
문서
스타일에서 추가를 클릭하시고 클래스를 선택하고 이름을 green으로 합니다.
그리고 이어 나오는 스타일 대화 상자에서
색깔 탭의 전경색을 green으로 바꿉니다.
마찬가지로 다시, 문서 스타일에서 추가를
클릭하시고,
클래스를
선택하고
red라고
합니다.
스타일
대화 상자에서 색깔
탭의 전경색을 red로 바꾸어 줍니다.
그리고 레드의 클래스 앞에는 h3이라는 element를
추가합니다.
h3의
element를 추가하기 위해서는 직접 써넣어야 합니다!
자, 그럼 스타일의 작성을 마칩니다.
그렇다면, 클래스의 기본적인 스타일이 작성되었습니다.
그럼, 어떻게 쓰여지는지 알아보도록 하겠습니다.
|
