묻고답하기
특정부분에 style을 따로 지정해주고 싶어요...
2003.08.17 12:08
노프레임 웹페이지에서 예를들어
헤드와 헤드 사이에
<style type="text/css">
<!--
a:active, a:link, a:visited {color:#ffffff; text-decoration:none; font-size:9pt; font-family:Trebuchet MS;}
a:hover {color:#000000; text-decoration:underline;}
-->
</syle>
위와같은 스타일을 주었으나 제로보드 '아웃로그인' 스킨에 설정된 스타일때문에 색, 글자 스타일이
페이지 전체에 영향을 주고 있습니다.
아웃로그인 스킨에는
BODY,TD,SELECT,input,DIV,form,TEXTAREA,center,option,pre,blockquote,span {font-size:9pt; font-family:gulim;verdana; color:#666666}
위와같이 광범위하게 스타일을 지정해 놨더라구요...
그래서 html의 특정부분 (예: 테이블)앞에 스타일을 직접 정해주고 싶은데 어떻게 하는지 답변좀 부탁드리겠습니다.
헤드와 헤드 사이에
<style type="text/css">
<!--
a:active, a:link, a:visited {color:#ffffff; text-decoration:none; font-size:9pt; font-family:Trebuchet MS;}
a:hover {color:#000000; text-decoration:underline;}
-->
</syle>
위와같은 스타일을 주었으나 제로보드 '아웃로그인' 스킨에 설정된 스타일때문에 색, 글자 스타일이
페이지 전체에 영향을 주고 있습니다.
아웃로그인 스킨에는
BODY,TD,SELECT,input,DIV,form,TEXTAREA,center,option,pre,blockquote,span {font-size:9pt; font-family:gulim;verdana; color:#666666}
위와같이 광범위하게 스타일을 지정해 놨더라구요...
그래서 html의 특정부분 (예: 테이블)앞에 스타일을 직접 정해주고 싶은데 어떻게 하는지 답변좀 부탁드리겠습니다.
<span class=스타일이름>내용</span> 이런식으로 지정 하면 됩니다.. 테이블을 지정 하려면
<td class=스타일이름>
예>
<style>
.font_z{font-size:9pt; font-family:gulim;verdana; color:#666666}
</style>
<span class=font_z>테스트</span>
a:active 를 따로 지정 하려면
a 뒤에 . 쓰고 스타일 이름 을 지정 하면 됩니다..
a.스타일이름:
<style type="text/css">
<!--
a.font_z:active, a:link, a:visited {color:#ffffff; text-decoration:none; font-size:9pt; font-family:Trebuchet MS;}
a.font_z:hover {color:#000000; text-decoration:underline;}
-->
</syle>
그리고 하이퍼 링크 에 바로 class 지정 해야만 위에 스타일이 적용 됩니다..
<span class=스타일이름> 으로 하면 위에 a:active 스타일은 적용 되지가 않습니다..
하이퍼 링크에 바로 class 지정해주야 스타일이 작동 합니다..
예)
<style type="text/css">
<!--
a.font_z:active, a:link, a:visited {color:#ffffff; text-decoration:none; font-size:9pt; font-family:Trebuchet MS;}
a.font_z:hover {color:#000000; text-decoration:underline;}
-->
</syle>
<a href=http://nzeo.com class=font_z>ㅁㅁㅁ</a>