代码学习

<img onmousewheel="return imgzoom(this);" onmouseover="if(this.resized) this.style.cursor='hand';" style="CURSOR: hand" onclick="if(!this.resized) {return true;} else {window.open('http://bbs.china.com/images/2004-11-20/11009388044.jpg');}" alt="Click here to open new window
CTRL+Mouse wheel to zoom in/out" src="http://bbs.china.com/images/2004-11-20/11009388044.jpg" width="716" onload="if(this.width&gt;screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" border="0" resized="true"/><br/>

皮肤 Hover

body {}{
            font-size : 0.7em;
            font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
            margin : 0px;
} 

a:visited,
a:active,
a:link {}{  
            color : #039;            
}

a:hover {}{  
            color : #F30;
}

h1 {}{       
            margin : 0px;
            font-size : 1.8em;
}

h1 a:visited,
h1 a:active,
h1 a:link,
h1 a:hover {}{
            color : #FFF;
            margin-left : 10px;
            margin-top : 10px;
            text-decoration : none;
}

h2 {}{
            margin-top : 10px;
            font-size : 1em;
}

#top {}{
            padding : 0px;
            background-color : #039;
            color : #000;
            border-bottom : 1px solid #FFF;
            height : 60px;
            background-image : url(/images/blog_csdn_net/re2/89301/o_topback.gif);
            background-repeat: no-repeat;
}

#tagline {}{                       
           color : #FFF;
            font-size : 1em;
            margin : 0px;
            background-color : #69C;
            padding : 5px;
}
 
p.date img {}{
            vertical-align : middle;
}
 
p.date {}{
            font-size : 1.5em;
            font-weight : bold;         
            margin-bottom : 0px;
            padding : 2px 0px;
            color : #393;
            background-image : url(/images/blog_csdn_net/re2/89301/o_dashed.gif);   
}

p.date span {}{
            background-color : #FFFFFF;
            padding-right : 10px;
}

blockquote {}{
            font-style : italic;
}

#leftmenu {}{
            position : absolute;
            left : 0px;
            width : 180px;
            border-right : 1px solid #999;
            border-bottom : 1px solid #999;
            background-color : #F1F1F1;
            padding-bottom : 5px;   
}

#leftmenu h3 {}{
            font-size : 1em;
            margin : 0px;
            padding : 4px;
            border-bottom : none;   
}

#leftmenu ul {}{
            list-style : none;
            margin : 0px;     
            padding : 0px;
            margin-left : 5px;
            margin-bottom : 10px;
}

#leftmenu li {}{
            display : inline;
}

#leftmenu a:active,

#leftmenu a:visited,

#leftmenu a:link {}{
                   display : block;
                   color : #000;
                   text-decoration : none;   
                   margin-right : 5px;
                   border : 1px solid #F1F1F1;
                   padding : 2px;
}

#leftmenu a:hover {}{
                    background-color : #CCC;
                    border : 1px solid #999; 
}

#main {}{
            margin-left : 200px;                   
            padding : 10px; 
}

#footer {}{
            margin : 0px;     
            padding-top : 5px;
            text-align : center;
            font-size : 0.7em;
}

input.text {}{
            width : 300px;   
}

textarea {}{
            width : 300px;
            height : 200px;  
}

#comments h4 span {}{
                    color : #999;
}
 
#comments h4 {}{
               margin : 0px;
               font-size : 0.9em;
}

p {}{
            margin : 10px 0px;
}

h3 {}{
            font-size : 1.2em;
            border-bottom : 1px solid #AAA;
}

#relatedlinks ul {}{
                  list-style : none;
                  margin-left : 10px;
                  padding : 0px;
}