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  2  3  4     
      5      6     
      7  8  9 
     
      10     
      
       11         
       
        12         
        13         
        
         学校荣誉
        
14          
       
15     
       
        16         
        17         
        
         师生获奖
        
18     
       
19     
       
        20         
        21         
        
         领导关怀
        
22     
       
23     
       
        24         
        25         
        
         数字广商
        
26     
       
27     
       
        28         
        29         
        
         画说校园
        
30     
       
31     
       
        32         
        33         
        
         视频校园
        
34     
       
35     
       
        36         
        37         
        
         全景校园
        
38     
       
39     
       
        40         
        41         
        
         校友风采
        
42     
       
43 
      
44 45 
     

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