jQuery | javascript | CSS

08.CSS - 중첩태그

Godffs 2009. 7. 28. 01:59
반응형

중첩태그로 어떤 태그 안에 있는 어떤태그에 포함된 부분만

변경할때 사용하는 방법입니다.


                       <html xmlns="http://www.w3.org/1999/xhtml">
                       <head>
                           <title></title>
                           <style type="text/css">
                               h3 em {color:Red;}
                           </style>
                       </head>
                       <body>
                           <h3>HTML</h3>
                           <em>CSS</em>
                           <h3>오늘은 <em>CSS2.0</em>배우는시간</h3>
                           <h1>오늘은 <em>CSS2.0</em>배우는시간</h1>
                       </body>
                       </html>


기본적으로 <em>는 강조를 표현하는 태그중 하나입니다.

<em>를 사용하게 되면 글자체가 이탤릭체로 바뀌게 됩니다.

h3태그 안에 있는 em태그안에 있는 부분을 {색상을:빨간색} 으로 변경 지정
하여 변경 되는것을 확인 할 수 있으며

밑에 태그인  - 
<h1>오늘은 <em>CSS2.0</em>배우는시간</h1>
적용이 안되는것을 확인 할 수 있습니다.
밑에 태그는 적용이 안된다.



반응형