1. 认识CSS的 盒子模型。
2. CSS选择器的灵活使用。
3. 实例:
   1. 图片文字用div等元素布局形成HTML文件。
   2. 新建相应CSS文件，并link到html文件中。
   3. CSS文件中定义样式
      1. div.img：border,margin,width,float
      2. div.img img：width，height
      3. div.desc：text-align,padding
      4. div.img:hover：border
      5. div.clearfloat：clear
                   
                                
                          
                    
              
                     
                  
                               
                      
                       校园风光
                      
              
                     
              
                     
                  
                               
                      
                       校友风采
                      
              
                     
              
                     
                  
                               
                      
                       学样文化
                      
              
                     
              
                     
                  
                                
                      
                       学生风采
                      
              
                     
          
                    
          
          
                    
              
                     
                     
              
                     
                     
             
                     
                     
              
                     
                     
                    
          

         1 img { 2     width: 300px; 3 } 4 div.img{ 5     border:1px solid #cccccc; 6     float: left; 7     margin: 5px; 8     width:180px; 9 }10 div.img img{11     width:100%;12     height:auto;13 }14 div.desc{15     text-align: center;16     padding: 5px;17 }18 div.img:hover{19      border:1px solid #000000;20 }21 div.clearfolat{22     clear: both;23 }复制代码