HTML中三种元素

     在HTML中，可大致分为三种标签元素：块级元素，内联元素（也称行内元素），内联块元素；每种元素都含有不同的特点，下面我们来讲讲每种元素的特点。

     一：块级元素

常见的块级元素有<div><p><h><form><ul><ol><table><address><dl><blockquote>等，而这些元素都有一个共同的特点就是都会从新的一行开始，其后的元素也是另起一行；

     块级元素的宽度，高度，行高以及顶边距和底边距都是可以设置的，而行内元素则不允许设置。并且块级元素的高度如果不设置的话默认为父元素的高度的100%。块级元素可以通过设置display：inline变成内联元素

   二：内联元素

内联元素与块级元素不同的是内联元素不会从新的一行开始，它与其他元素在同一行；且行内元素的宽度高度，行高以及边距是不能设置的，且每一个行内元素的高度，宽度是与其包含的文字内容或图片内容相关(即行内元素的宽和高就等于其包含的内容的宽高)，与其父元素无关。内联元素可以通过设置display：block变成块级元素

常见的行内元素有<a><span><label><strong><b><em>等

   三：内联块元素

从名字我们也应该可以看出来，内联块元素其实就是内联元素和块级元素的结合，内联块同时具备块级元素和内联元素的部分特点。内联块元素是与其他元素的在同一行，内联块元素的宽度，高度，行高，以及边距可以设置。我们通过设置CSS属性 display:inline-block可以将其他类型的元素设置为内联块元素。