元素的分类

一，元素的分类

1，块级元素

2，内联元素

3，内联块级元素

---

二，块级元素

1，常见的块级元素有 div,p,h1-h6,ol,ul,li,table,tr,td,form

2，块级元素的特点

•  每个元素都从新的一行开始，并且其后的元素也另起一行
• 元素的高度，宽度，行高以及顶和底边距都可以设置
• 元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一样），除非设定一个宽度

3，设置display:block可以将元素显示为块级元素，如下的代码就是将内联元素a转成块级元素，从而使a元素具有块元素的特点   a{display:block}

---

三，内联元素

1，常用的内联元素有  a,b,span,br,i,em,strong,lable,q,cite,code

2，内联元素的特点

• 和其它元素都在一行上
• 元素的高度，宽度及顶部和底部边距不可设置
• 元素的宽度就是它 的文字或图片的宽度，不可改变
• 内联元素也可以通过代码display:inline将元素设置为内联元素.如下的代码就是把块级元素设置成内联元素

div{

     display:inline;

}

---

四，内联块级元素

1，常用的内联块级元素有：img,input

2，内联块级元素的特点

和其它元素都在一行上

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

3，代码display:inline-block就是将元素设置为内联块级元素