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>
적용이 안되는것을 확인 할 수 있습니다.
밑에 태그는 적용이 안된다.
하여 변경 되는것을 확인 할 수 있으며
밑에 태그인 - <h1>오늘은 <em>CSS2.0</em>배우는시간</h1>
적용이 안되는것을 확인 할 수 있습니다.
밑에 태그는 적용이 안된다.
반응형