html标签内联和块,HTML的P标签是回车换行的？（说说内联元素和块元素）

前段时间，我让朋友帮我在我的QQ空间加油站http://www.super80.net上发点文章，由于朋友是新手，没有什么基础，遇到什么不懂的问题都在群里问我，于是便有了以下对话：

友：怎么能做成这个样子？

我：(直接丢一堆代码过去)balabala。。

过了N久。。。

友：

/>是什么意思？

群里某人发话了：一般这样看，。。。。。 

非常正确啊，但是接下来，某人又扔了一句：
是小换行，

是回车换行

我：。。。。。。。。

噢，卖糕的，堂堂的一对

标签被人拿来当回车换行用，冤不冤啊！！

其实所有的块元素都产生换行的效果，例如：

,

,

块元素的重要性相信做过网页的朋友都知道，特别是关于盒模型的相关知识，margin和padding的区别等等更是做网页必备。

我碰到过很多朋友都弄不清内联元素和块元素的概念，那我今天就写一些关于内联元素和块元素的基础知识吧，文笔有限，写得不好大家多包涵。

所谓的内联元素，顾名思义，就是在行内使用的元素，例如：,,等，都是属于内联元素，内联元素默认是没有width和height属性的，内联元素的宽度和高度就是它所包含的文本的宽度和高度，如果像块元素那样设置内联元素的宽和高，就必须先把内联元素转换成块元素的显示模式：display:block;

下面再来说说块元素，你可以把块元素理解成显示在一块区域中的元素，说到块元素，就必须了解一下盒模型，大家可以看一下下面这张图

图片上把margin,border,padding的位置都标得很清楚了，接下来我们就来分别了解一下这几个属性。

图片上的width部分就是内容区，内容区的宽度和高度就是用width属性和height属性来设置。

紧接着内容区的就是padding，我们称之为补白，也就是内容和边框之间的距离。

border：即边框，一般有几种样式：

none (没有边框，无论边框宽度设为多大) dotted (点线式边框) dashed (破折线式边框) solid (直线式边框) double (双线式边框) groove (槽线式边框) ridge(脊线式边框) inset (内嵌效果的边框) outset (突起效果的边框)

margin：即边界，也就是块元素与相邻元素之间的距离。两个相邻元素的margin并不相加，而是取其中的最大值。例如：有两个相邻的块元素，元素1设置了margin:10px;

而元素2设置了margin:5px;

那他们之间的实际距离为值大的那个，即10px。而不是把两个元素的边界值相加的15px。