마지막에 하이퍼 링크 CSS파일은 두고두고 사용하시면 편리하시 거에요.^^
<class 사용하기>
<class 사용하기>
1) head에서 class 정의하기
<head>
<style type=text/css>
<!--
td
{
font-size : 10pt;
font-family : 휴먼매직체;
}
td.ttd <!-- .을 찍고 이름을 쓴다.-->
{
font-size : 13pt;
font-family : 휴먼매직체;
color: #003366;
}
.lcc <!-- .을 찍고 이름을 쓴다.-->
{
font-size : 11pt;
font-family : 고딕체;
color: #003366;
}
-->
</style>
</head>
2) class 사용하기
<td bgcolor=#33FFFF class="ttd"> 글자 </td>
<div align=right class="lcc"> 이준호 Internet Media LCC</div>
<span class="lcc"> 이준호 Internet Media LCC</span>
<하이퍼 링크 CSS 설정>
a:link <!--페이지 처음 열렸을 때 보이는 링크 텍스트 상태-->
{
color: #99cc00;
text-decoration : none;
}
a:visited <!--링크 사이트를 한번 이라도 방문했을 경우 나타나는 상태-->
{
color: #000000;
text-decoration : none;
}
a:hover <!--마우스가 링크 텍스트 위로 올라갔을 때 상태-->
{
color: #ff0000;
text-decoration : underline;
background-color : #ffccff;
}
'웹제작 강의 > HTML' 카테고리의 다른 글
| HTML 20강 (마지막 강의) FRAME 3분할 (18) | 2009/04/23 |
|---|---|
| HTML 19강 FRAME (4) | 2009/04/23 |
| HTML 18강 CSS 응용하기 (4) | 2009/04/23 |
| HTML 17강 CSS 사용 (4) | 2009/04/23 |
| HTML 16강 - CSS란 무엇인가? - (1) | 2009/04/23 |
| HTML 15-2강 - 자신의 미니홈피 만들기(3) - (2) | 2009/04/23 |
| HTML 15-1강 자신의 미니홈피 만들기(2) (0) | 2009/04/23 |
| HTML 15강 - 자신의 미니홈피 만들기 - (14) | 2009/04/23 |
| HTML 14강 table ( rowspan, colspan) (12) | 2009/04/04 |
| HTML 13강 table에 효과주기 (6) | 2009/04/04 |
| HTML 12강 table (6) | 2009/04/04 |
Trackback http://www.imlcc.com/trackback/20
-
-
vonzone 2009/12/23 16:47
안녕하세요 블루라임님~~~~
마이크로소프트의 익스플로러는 이상하게도 CSS가 작동하지 않을 때가 있습니다....죄송하지만 저도 정확한 원인은 잘 모르겠습니다....제가 강의를 할 땐 크롬이라는 웹브라우저를 사용했기 때문에 문제가 없었던 것이죠.
일단 크롬이나 파이어폭스 같은 다른 웹브라우저를 다운 받으시고 설치하신다음에 다시 실행시키면 잘 작동헐 겁니다....
혹시 정 급하시면 css 파일을 불러오는 것 말고 html페이지에 CSS를 직접 입력하는 방법을 사용하시기 바랍니다. 그 방법은 익스플로러에서도 잘 작동합니다.
CSS는 웹표준과 관련해서 요즘 많이 중요해지고 있습니다..혹시 CSS에 관심이 있으시면 CSS강의를 참고해주시기 바랍니다...
http://www.imlcc.com/category/CSS
사실 html 강의에서 한 CSS강의는 어떻게 보면 일종의 꼼수라고 볼 수 있는데요....CSS를 제대로 배우시려면 따로 공부를 하시는게 좋습니다...^^
-
-
rommy 2010/01/04 08:16
정말 많은 도움 받고 있는데요^^
위의 css 응용하기의 첫번째 동영상이 재생이 안대요 ㅠㅠ
아래껀 되는데,,,,
도와주세요! ㅠ
