|
홈 > 재미있는 공부 > 컴퓨터/인터넷 > 컴퓨터 배움터 > 홈페이지
홈페이지
자, 앞에서 만든 스타일을 활용하여,
글자를 꾸며 볼까요?
예제를 통하여 어떻게 사용되는지 알아보도록 하겠습니다.
|
<h3>이건 깜장..</h3>
<h2>이것도 깜장..</h2>
<h2 class="green">이것은
녹색</h2>
<h3 class="green">이것도
녹색</h3>
<h3 class="red">이것은
빨강..</h3>
<h2 class="red">다시
깜장..</h2>
|
본문에 위와 같은 내용을 첨가합니다.
이 내용은 HTML 형식에서 Body
태그 안에 삽입하여야 합니다!
그렇다면, 어떻게 나타나게 될까요?
혹시 잘 모르시는 분들을 위해서 알려드리는
것은..
H2와 H3은 잠시 element를 빌리기
위해서 사용되었을 뿐,
클래스와는 본격적인 관련은 없습니다!
자, 제가 예제에도 알려드리는 것과 같이..
색깔은 그렇게 나오게 됩니다!
green이라는 클래스는 H2와 H3이라는 두
element에 작용하여
모두
전경색을 녹색으로 바뀌게 하였습니다.
하지만, red라는 클래스는 H3에는 반응하여 전경색을
빨강으로 바꾸었지만,
H2에는 반응하지 않아, 그대로 검정색으로
남아있게 됩니다!
이것이 클래스의 100% 활용입니다.
아시겠지요?
클래스는 특정 element를 앞에 두어 그 element에만 적용하는 클래스를 만들 수 있습니다.
이건 깜장..
이것도 깜장..
이것은 녹색
이것도 녹색
이것은 빨강..
다시 깜장..
|
|
