css tips

5728 ワード
xml css XHTML IE firefox
idとclass
idは「.」で表され、例えば
 .bar {}

 
classは「#」で表され、例えば
  #bar {} 
         
float:none|left|right   ： none:　   。      left:　          right:　                 ，          xhtml:
 
    

      xml    
    
 
    
 
     
     
      
  1. <div id="wrap">  
    2.  
      
  2. <div id="column1">      div>  
    3.  
      
  3. <div id="column2">      div>  
    4.  
      
  4. <div class="clear">div> /*    web     ，                  */   
    5.  
      
  5. div>  
    6.  
      
  6.          http://www.jzxue.com ,       。   
    7.  
      
  7.   
    8.  
     
 
    
 

  
  
  
  

   
   
   
   CSS:
#wrap{width:100;height:auto;}
#column1{float:left;width:40;}
#column2{float:right;width:60;}
.clear{clear:both;}
position:static|absolute|fixed|relative
  ：
static:　   。     ，    HTML    
absolute:　          ，  left，right，top，bottom                             。           ，   body  。      z-index    
fixed:　   。        (absolute)  。         
relative:　      ，    left，right，top，bottom              
           
xhtml:
  
  
  
  

  
  
  
  

   
   
   
   

     xml    
   

   
   
   
   
 
    
     
     
  1. <div id="wrap">  
    2.  
     
  2. <div id="column1">      div>  
    3.  
     
  3. <div id="column2">      div>  
    4.  
     
  4. div>  
    5.  
     
  5.          http://www.jzxue.com ,       。   
    6.  
     
  6.   
    7.  
    
 
   

  
  
  
  

  
  
  
  


  
  
  
  

  
  
  
  

   
   
   
   
CSS:
#wrap{position:relative;/*    */width:770px;}
#column1{position:absolute;top:0;left:0;width:300px;}
#column2{position:absolute;top:0;right:0;width:470px;}
       ?
  ，float      ，                   ， position    ，         float  ！
         http://www.jzxue.com ,       。

  
  
  
  
clear  
             。  IE      。
 
  なCSSツールリスト
http://www.inpeck.com/blog/2006/11/01/css-tools-list/
 
CSS  
http://www.oswd.org/designs/favorites/

 
-------------------------------------------------------------------------------------------------------
 
IE 6 FireFox互換性の問題
 
1、できるだけpaddingを使います.2者はpaddingの解釈が違うからです.したがって、垂直中央にはline-height制御を使用する必要があります.
2.floatの元素に対して、ie 6の下でmargin-topは正常の2倍である(ie 6のbug).
3、
2つのコンテナがネストされている場合、外層コンテナと内層コンテナの間に別の要素がない場合、firefoxは内層要素のmargin-topを親要素に作用します.ieはそうではない.
  
<body style="margin:0;height:0;"> 
<div id="a0" style="background-color:#333333;height:500px;"> 
<br style="line-height:0;"/> 

//     --   br   ， FireFox a1 margin-top:20px   a0   ， a0   body  20px   ,a1 a0       ， IE      


<div id="a1" style="background-color:#000000;margin-top:20px;height:100px;"></div> 
<div id="a2" style="background-color:#000000;margin-top:20px;height:100px;"></div> 
</div> 
</body>

 
 
C#与えられた相対アドレスに基づいてウェブサイトの絶対アドレスを取得する方法を実現する
js cssプロパティの変更