HTML——元素分类详解

标签：

1.大体分为3类：

　　块状元素、内联元素(行内元素)、内联块状元素

常见块状元素：

　　<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote>、<form>

常见内联元素：

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

常见内联块状元素：

　　<img><input>

2.块级元素：

>将内联元素转为块状元素

a{display: block;}

>特点：

　　每个块级元素都是从新的一行开始，并且其后的元素也另起一行；

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

　　元素的宽度在不设置的情况下，是父容器的100%。

3.内联元素：

>将块状元素设置为内联元素

div{display: inline;}

>特点：

　　和其他元素都在同一行上；

　　元素的高度、宽度以及顶和底边距都不可设置；

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

4.内联块状元素：

>将元素设置为内联块状元素

xxx{display: inline-block;}

>特点：

　　和其他元素都在同一行上；

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

HTML——元素分类详解

标签：

原文地址：http://www.cnblogs.com/congyue-pepsi/p/5671400.html