html标签元素分类

 在CSS中,HTML中的标签元素可以被分成三种类型,分别是:块状元素、内联元素和内联块状元素

  常用的块状元素有:

    <div>、<p>、<hx>(<h1>......<h6>标题)、<ol>、<ul>、<dl>、<table>、<address>、<blockquote>(长引用)、<form>

  块状元素的特点:

    1、一个块状元素独占一行;

    2、块状元素的高度、宽度、底边距、定边距和行高都可以设置;

    3、块状元素的宽度在不设置的情况下是它父元素的100%。

  常用的内联元素有:

    <a>、<span>、<label>、<br>、<em>、<strong>、<i>、<q>、<var>、<cite>、<code>

  内联元素的特点:

    1、和其它元素在一行;

    2、内联元素的高度、宽度、底边距、定边距和行高都不可以进行设置;

    3、内联元素的宽度就是它所包含文字或者图片的宽度,是不可以进行改变的。

  常用的内联块状元素有:

    <img>、<input>

  将内联元素转换为块状元素在要转换的内联元素的css里面写{display:block}

  将块状元素转换为内联元素在要转换的块状元素的css里面写{display:inline}

  将元素转换为内联块状元素在要转换的元素的css里面写{display:inline-block}

posted @ 2016-09-11 09:00  小凤凰  Views(205)  Comments(0Edit  收藏  举报