1、div和span的认识

通常称为"盒子"

div是大的范围，span是小的范围

div:division，范围、区域、分割，并没有什么特殊语义，经常用来布局。

div里经常放置一些具有某些特殊功能、相似类型的标签，这就是布局过程。

div是一个典型的容器级标签，可放置任何的标签。

span:小区域、小跨度、常用于小范围调整布局。

span在p标签内:一般认为p>span>p

2、简单的div+css布局

最开始使用表格布局，结构和样式不分离。

div+css:结构和样式分离，初学者必须会。

代码↓

    
                  
          
      
        
       
        logo
       
        
       
        导航
       
    
      
    
          
      
        
       
        侧边栏
       
        
       
            
        
这是主体
                
        
                     &nbsp绿色（green）是自然界中常见的颜色，是一种比刚长的嫩草的颜色深些的颜色或呈艳绿，和在光谱中介青与黄之间的那种颜色。绿色是电磁波的可视光部分中的中波长部分，波长为492～577纳米。绿色是大自然界中常见的颜色，代表意义为清新、希望、安全、平静、舒适、生命、和平、宁静、自然、环保、成长、生机、青春、放松。点我跳转到百度                
        
       
    
      
    
          
      
       footer部分
      

div一般分为三大部分

(1)、header部分

(2)、主体部分

(3)、footer部分

效果图↓