在css中，html中的标签元素大体被分为三种类型：
1、块状元素
常用块状元素有：
1）<div></div>
2）<p></p>
3）<h1-6></h1-6>
3）<ol></ol>
4）<ul></ul>
5）<table></table>
6）<address></address>一般用于显示网站上的公司地、电子邮件地址、签名、文档作者身份等信息，浏览器对其的默认样式是’斜体‘。
7）<blockquote></blockquote>作用是引用别人的文本。但它不同于’<q>引用短文本</q>‘是对长文本的引用，如在文章中引入大段某知名作家的文字，这时需要这个标 签。浏览器对其的默认样式是’两边缩进‘。
8）<form></form>
9）<pre></pre>在网页上显示一段计算机编程代码，不同于’<code>加入一行编程代码</code>‘是加入多行代码。
块状元素特点：可通过代码：display:block;将其他元素转换为块状元素。
a）每个块级元素都从新的一行开始，其后的块级元素也会另起一行。（一个块级元素独占一行）
b）元素的高度、宽度、行高以及顶和底编剧都可设置。
c）元素的宽度在不设置的情况下是它本身父容器的100%。（和父容器宽度一致，除非设定一个宽度）
2、内联元素(行内元素)‘
常用的内联元素：
1）<a></a>
2）<span></span>此标签没有语义，作用就是为某段文字单独设置样使用的。
3）<br/>
4）<i></i>斜体效果,同<em></em>相同。
5）<em></em>
6）<strong></strong>粗体
7）<label></label>为input元素定义标注
for属性：表示label标签要绑定的html元素，你点击label标签时，绑定的html元素将获的焦点。（绑定的必须是Id值）
accesskey属性：表访问label标签的for元素指定的html元素的快捷键，当按下快捷键时指定的元素将获得焦点。
eg:：<Label FOR="InputBox" ACCESSKEY＝"N">姓名</Label><input ID="InputBox" type="text"> 按下N或单击’姓名‘ ，inputBox获取焦点
8）<q></q>引用短文本。
9）<var></var>表示变量的名词或者由用户提供的值，经常与<code><pre>标签配合使用，用来显示计算机编程代码范例及类似特定元素。通常显示为斜体。
10）<cite></cite>通常表示他包含的文本对某个参考文献的引用，比如书籍或杂志的标题。通常显示为斜体。他可以使浏览者从文档中自动摘录参考书目。
11）<code></code>在网页上显示一行计算机编程代码。
内联元素特点：可通过代码display:inline;将其他元素转换为内联元素。
a）和其他元素都在一行。
b）元素的高度、宽度及与顶部底部的距离不可设置。
c）元素的宽度等于其包含的文字或图片的宽度不可更改。
3、内联块状元素
1）<img/>
2）<input/>
内联块状元素的特点：可以通过代码dispaly:inline-block;将元素设置为内联块状元素。
a）和其他元素都在一行。
b）元素的高度、宽度及与顶部和底部的距离可设置。