3 页面布局的W3C盒子模型（二）

3 页面布局的W3C盒子模型（二）

页面布局的盒子模型
每个HTML元素都可以看作一个装了东西的盒子，盒子具有宽度（width）和高度（height），盒子里面的内容到盒子的边框之间的距离即填充（padding），盒子本身有边框（border），而盒子边框外和其他盒子之间，还有边界（margin）。

01.jpg

声明盒子模型的CSS属性�

02.png

盒子模型

    
        
        
    
    
        
                          
            内容区                                   
        
    

demo.html

    

        这是内容

        这是内容

        这是内容

        这是内容

        这是内容

        这是内容