块级元素
特点: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 将元素设置为行级-块级元素。 优点;既可以变为行,还可以改变样式 }