03-CSSステップアップ

ケースモデル

Reset CSS

CSSフローティング

CSS位置決め

ケースモデル

               
       、   、  、     
padding -    
margin -     ☆
border -   
content(width、height) -   
border-top:    
border-right:    
border-left:    
border-bottom:     
double   
dotted  
dashed   
solid   
padding、margin -            
px   

Resetリセット

Reset -   CSS
                
  ，             
        ，       
               ResetCss

フローティング

float:left     
float:right     
        
     
         
      ：
    1、overflow:hidden;               
    2、     
;    
    3、.clearfix::{
            display:block;
            clear:both;
            content:'';    
        }        

定位

  ：          
    
	1、    :position:absolute;
	2、    :posttion:relative;
	3、    :position:fixed;
               ，           
           
              
         
left:100px
bottom:100px
right:100px
top:100px