CSS样式一--元素类型

html的标签元素分类

在布局css的时候，首先需要知道，在CSS中，html的标签元素大体分为三种不同的类型：块状元素、内联元素（又叫行内元素）、内联块状元素。

常见的块状元素：
<div>,<p>,<h1>...<h6>,<ol>,<ul>,<dl>,<table>,<address>,<blockquote>,<form>
常见的内联元素：
<a>,<span>,<br>,<i>,<em>,<strong>,<label>,<q>,<var>,<cite>,<code>
常见的内联块状元素：
<img>,<input>

块级元素：

{display:block} 该代码是将元素转化为块级元素，块级元素都是盒子模型，都有内填充padding，外边距margin，边框border，它们都有四个方向，更改它们的方向距离大小可以改变布局，块级元素的特点如下：

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

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

元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。

内联元素：

{display:inline} ，该代码是将元素设置为内联元素，内联元素的特点如下：

* 和其他元素都在一行上。

* 元素的高度、宽度、顶部和底部边距不可设置。

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

内联块状元素：

{display:inline-block}，该代码是将元素转换为内联块状元素，内联块状元素的特点如下：

* 和其他元素都在一行上。

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