HTML_布局标签

---

1.div和span

div ：块级元素（无语义化标签）
span：行内元素（默认由内容撑开，设置宽高不生效，只可设margin和padding的左右

语义化标签：具有具体的含义，看到标签能想到其表示什么。

块级元素：div,p,h1-h6,ul,ol,dl,dt,dd,li,header,nav,footer,aside,
article,section,body,html等
行内元素；span,a,b,i,u,s,del,sup,sub,em,strong,img,input,button等
        
划分div结构
        <div>
               <div>
                     <div>
                             <div></div>
                             <div></div>
                             <div></div>
                     </div>
                     <div>
                             <div></div>
                             <div></div>
                             <div></div>
                     </div>
                     <div>
                             <div></div>
                             <div></div>
                             <div></div>
                     </div>
               </div>
               <div>
                     <div></div>
                     <div></div>
                     <div></div>
               </div>
        </div>