3. Implementation/HTML / CSS

CSS 에서 클래스

SSKK 2009. 7. 4. 13:58
클래스를 사용하면, 여러 태그에서 공통적으로 사용할 스타일을 지정함으로써 스타일의 재사용이 가능하다.

여러 태그에 공통적으로 사용할 스타일의 이름 적용하기

<HTML>

<HEAD>

    <STYLE TYPE="text/css">

        .attention {color:red};

    </STYLE>

</HEAD>

<BODY>

    <p>이문장에는스타일이적용되지않습니다.</P>

    <p class="attention">스타일이적용되는문장입니다.</P>

    <div class="attention">스타일이적용되는문장입니다.</div>

</BODY>

</HTML>

태그 내에서 스타일 이름 적용하기

<HTML>

<HEAD>

    <STYLE TYPE="text/css">

        div.attention {color:red; text-align:center};

    </STYLE>

</HEAD>

<BODY>

    <div>이문장에는스타일이적용되지않습니다.</div>

    <div class="attention">스타일이적용되는문장입니다.</div>

    <p class="attention">다른태그에서스타일이적용되지않습니다.</p>

</BODY>

</HTML>



참고 : 삼성 SDS 멀티캠퍼스 - "Java Script 쉽고 빠르게" - 과정 중에서