元素的分类

元素分类

      html 的标签分为两类 
       单标签 和 双标签

     css 的元素分为 三类
             块元素   内联元素  可变元素 
              

             块元素的特点 
                        1:  区域呈现的是一个矩形
                        2： 可以设置宽高
                        3： 独占一行
                        4： 可以容纳其他块元素和内联元素 通常把块元素比做一个盒子

            内联元素的特点
                        1： 最小单元呈现的也是一个矩形
                        2： 不能设置宽高
                        3： 在行内逐一排列
                        4： 高度是被内容撑开的 
                        5： 遵循盒模型  但部分样式不能用  margin :top/bottom  padding : top/bottom 
            可变元素的特点
                        可以根据父元素改变自己是块元素还是内联元素

元素的转变

             元素类型的转变   display
                         属性值   none               不显示该元素
                                  block             转变为块元素
                                  inline            转变为内联元素
                                  inline-block      转变为内联块元素  
                                  list-item         转变为列表样式   
                          
              常见的块元素  
                          div
                          dl dd dt
                          ul
                          ol
                          li
                          p
                          hr
                          form
                          table tr td
                          h1--h6
                          fieldset
                          colgroup-col

             常见的内联元素
                           a
                           b
                           strong
                           em
                           i
                           span
                           u
                           br
                           sup
                           sub
                           img
                           input
                           lable
                           select
                           textarea