javaWeb之html的行级标签、块级标签和内敛块

行级标签

    不独占一行
    无法设置宽高
    margin :左右(有效)    
    padding    左右下(有效) 
    border :都有 (不过border-top: 1300px solid red;只显示1px而已)

 

块级标签

    独占一行
    能设置宽高
    margin,padding,border (都有)
    margin : 0 auto;(只对块级标签有用)

 

内敛块

   不独占一行
  能设置宽高
   margin,padding,border (都有)

 

注意:
行级标签变为块级标签 ------  display:block

块级标签变为行级标签 ------   display:inline

块级标签变为内敛块    -------  float:left  or float:right

在我理解中网页有2个空间一个是现实空间一个是幽灵空间。块级标签用浮动变为内敛块会在幽灵层盖住显示层的空间。

img,input是内敛块(但在现实中是占空间的)

运用float:left;可以变为内敛块,但在现实中不占空间,其只能在现实的空闲空间出现
若是有好几个标签都是内敛块则在幽灵空间中都是占位子的