HTML+CSS学习笔记5

1、元素分类--内联元素

在HTML中，<span>、<a>、<lable>、<strong>、<em>就是典型的内联元素（行内元素），当然块状元素也可以通过代码display:iline将元素设置为内联元素。如下代码就是将块状元素div转为内联元素，从而使div元素具有内联元素的特点

div{

        display：inline;

}

内联元素特点：
1、和其他元素都在一行上

2、元素的高度、宽度及顶部和底部边距不可设置

3、元素的宽度就是它包含的文字或图片的宽度，不可改变

2、元素分类--内联块状元素

内联块状元素就是同时具备内联元素、块状元素的特点，代码display：inline-block就是将元素设置为内联块状元素。<img><input>标签就是这种内联块状标签。

inline-block元素特点：

1、和其他元素都在一行上；

2、元素的高度、宽度、行高以及顶和底边距都可设置。