HTML中的行级标签和块级标签 《转换》

1、html中的块级标签

　　显示为“块”状，浏览器会在其前后显示折行。常用的块级元素包括：

　　<p>, <ul>,<table>,<h1~h6>等。

2、html中的行级标签(内联元素)

　　按行逐一显示，前后不会自动换行；

　　文本格式化元素：

　　<b>, <td>, <a>, <img>、

 

块级标签可以和行级标签转换

我们在实际的操作过程中往往会遇到给行级标签添加背景图片的尴尬情景。

那么在这种情况下我们就可以通过(display属性)将行级标签转换为块级标签的方式来实现需要的功能

span{
    background:url(1.jpg) 10px 10px no-repeat;
    display:block;  
 }

//这样我们就可以为span标签添加背景图片了

 

display:block;
display:inline;
display属性的三个取值：
01.none:将某个元素隐藏   display: none;*将 div隐藏*
02.block：将某个元素显示
03.inline:将某个块级标签转换成了行级标签