块元素和内联元素

1、块元素(div,p,h,li)

  a、默认独占一行

  b、没有宽度,默认撑满一行

  c、支持所有CSS命令

2、内联元素(span,em,strong,a)

  a、不支持宽高

  b、同一行可以有多个元素

  c、不支持上下的margi

  d、代码换行会被解析(空格)

  e、内容撑开宽高

3、内联块元素

  a、块在一行显示

  b、内联元素支持宽高属性

  c、没有宽度时,由内容撑开宽度

4、块元素和内联元素的转换

div{
    display: inline; /*转换成内联元素*/
}
        
span{
    display: block;    /*转换成块级元素*/
}
p{
    display: inline-block; /*内联块级元素*/
}

 

posted @ 2017-05-02 11:35  影子疯  阅读(151)  评论(0编辑  收藏  举报