Cascading Style Sheetsファイルの導入

1998 ワード



//---------------------------------------------------------------
//---------------------------------------------------------------

  <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)           。
*/