css 块级元素&行级元素

块级元素

特点：1.每个块级元素都是独自占一行，其后的元素也只能另起一行，并不能两个元素共用一行。

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

　　　3.元素的宽度如果不设置的话，默认为父元素的宽度。

常见的块级元素：<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>

行级元素

特点：1.可以和其他元素处于一行，不用必须另起一行。

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

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

常见的块级元素：<span>，还有 <a>， <img>   <label>

改变：

 .div1{
            background-color: red;
            display: inline;; // 将块级元素改变为行级元素
            display: block; // 将行级元素改变为块级元素
            display:inline-block   将元素设置为行级-块级元素。 优点;既可以变为行，还可以改变样式
        }