//---------------------------------------------------------------
//---------------------------------------------------------------
<link rel="stylesheet" type="text/css" href="default.css" />
//---------------------------------------------------------------
//---------------------------------------------------------------
//---------------------------------------------------------------
//---------------------------------------------------------------
<style type="text/css">
.....
</style>
//---------------------------------------------------------------
//---------------------------------------------------------------
//Warning: css pictures path issue
1.background:url("xxx.jpg") change to background:url(xxx.gif)
//because some browsers can not understand '"'
2.if(picture-path == css-file-path){
background:url(xxx.gif);
}else{
background:url(../xxx.gif);
}
3. ../ means upper level.
//tips:
/* link CSS HTML( ) 。 。 , CSS , , 。 background , 。 , ! , :
*/
Example Source Code:
background-image:url(logo.jpg);
background-image:url(../logo.jpg);
background-image:url(../images/logo.jpg);
/*
“url(logo.jpg)”。 CSS 。 , , , 。 , , , 。
, , ,JS ,CSS , “common”, CSS , , “common/images”。 CSS :url(logo.jpg) url(images/logo.jpg) 。
*/