快屬性： div p ul　ol h1-h6

特點 1，可以設定寬高

　　2. 不可以與別的共處一行

3. 不設定寬高的情況下，寬度為100%；

行內屬性 span a

特點 1.不可以設定寬高

2.可以與別人共處一行

3.其寬高有由內容撐開

行內快屬性 img input
特點 1.可以設定寬高
2.可以與別人共處一行

<style type="text/css">
div{
width: 300px;
height: 300px;
background: lightblue;
display: inline-block
}
span{
width: 300px
 
;
height: 300px;
background: lightgreen;
display: inline-block;
}
input{
width: 300px;
height: 30px;
}
</style>

<div>我是di</div>
<div>我是div</div>
<span>我是spa</span>
<span>我是span</span>
<input type="" name="">
<input type="" name="">

以上為不同行塊屬性的不同表現形式 可以通過不同行塊內的內容來看出不同行塊的區別

css中的行塊屬性的重點事行內屬性，快屬性，行內快屬性是是否可以再同一行內是否共同顯示。是否可以設定寬高

行內屬性，快屬性，行內快屬性的大小從屬關係。