HTML 자주 사용하는 CSS

// 자동줄바꿈은 word-break를 이용함.
td {font-size: 12px;word-break:break-all;}
body {font-size: 12px;word-break:break-all;}

a:link {color:black; text-decoration:none}
a:visited {color:black; text-decoration:none}
a:hover {color:ff9999; text-decoration:underline}

.whitelink {  color: #FFFFFF}

.login_txt {color:#77AA66}
.login_box {border:solid 1; font-size:11px; height:14; border-color:#99CC99;background-color:white; color:#557744;}
.login_btn {border:solid 1; font-size:11px; height:14; border-color:#557744;background-color:#779966;color:#FFFFFF;font-weight:bold;}

.solid {border:1px solid; height:18; padding-top:2; border-color:#999999}
.solid_button {border:1px solid; height:18; padding-top:2;border-color:#999999;background-color:#DDCCAA; color:#CCAABB;}
.space {padding-top:20; padding-left:30; padding-bottom:20; padding-right:20}

.inner_box {
      background-color:#EEFFEE;
      border-top-width: 1px;
      border-right-width: 1px;
      border-bottom-width: 1px;
      border-left-width: 1px;
      border-top-style: solid;
      border-right-style: solid;
      border-bottom-style: solid;
      border-left-style: solid;
      border-top-color: #FFFFFF;
      border-right-color: #999999;
      border-bottom-color: #999999;
      border-left-color: #FFFFFF;
}

// 커서모양 바꾸기
cursor:pointer

// 스크립트에 사용되는 스타일 SPAN태그를 이용하여 SPAN을 감추거나 보이게 함.
document.all["sub_favo1"].style.visibility = "visible";
document.all["sub_favo1"].style.display = "block";

document.all["sub_favo1"].style.visibility = "hidden";
document.all["sub_favo1"].style.display = "none";

// 한글, 영문 입력 자동변경
.korText{ime-mode:active}
.engText{ime-mode:inactive}

// 백그라운드 이미지 지정후 반복되지 않게 함.
.bg{
background:url(http://img.littleworld.net/test.gif) no-repeat;
}