行块属性

快属性： div p ul　ol h1-h6

特点 1，可以设置宽高

　　2. 不可以与别的共处一行

3. 不设置宽高的情况下，宽度为100%；

行内属性 span a

特点 1.不可以设置宽高

2.可以与别人共处一行

3.其宽高有由内容撑开

行内快属性 img input
特点 1.可以设置宽高
2.可以与别人共处一行

a标签：主要用来链接一个其他的网页；
span标签：主要用来对行内的文字进行一些样式以及其他的操作；
em标签：一般用来对文字进行强调，使用斜体体现出来；
strong标签：一般用来对文字进行强调，使用加粗字体体现出来；
img标签：图片引用标签，其中 src属性中写入图片的地址；
var标签：JavaScript中命名变量的标签。

p标签：段落标签，段落文字使用，默认格式：段尾进行换行；
div标签：划分块的主要使用标签；
ul标签：无序列表的主标签，后面的标号为圆点（黑色）；
ol标签：有序列表的主标签，后面一般跟有序的1,2,3,4,5...；
li标签：列表中的主体使用标签
dl标签：自定义标签的主标签；
dt标签：自定义标签的表头；
dd标签：自定义标签的表头的解释（描述）信息；
h1~h6：6级标题标签、字体的大小依次变小。

各种标签之间的转换
1、块级标签转换为行内标签：display:inline;
2、行内标签转换为块级标签：display:block;
3、转换为行内块标签：display：inline-block;<style type="text/css">

div{
width: 300px;
height: 300px;
background: lightblue;
display: inline-block
}
span{
width: 300px;
height: 300px;
background: lightgreen;
display: inline-block;
}
input{
width: 300px;
height: 30px;
}
</style>

<div>我是di</div>
<div>我是div</div>
<span>我是spa</span>
<span>我是span</span>
<input type="" name="">
<input type="" name="">