你好：

1.行內元素與塊級元素直觀上的區別

? ? 行內元素會在一條直線上排列，都是同一行的，水平方向排列

? ? 塊級元素各占據一行，垂直方向排列。塊級元素從新行開始結束接著一個斷行。

2.塊級元素可以包含行內元素和塊級元素。行內元素不能包含塊級元素。

3.行內元素與塊級元素屬性的不同，主要是盒模型屬性上

行內元素設置width無效，height無效(可以設置line-height)，margin上下無效，padding上下無效

望采納！

??<!--?============================================?-->
??<!--?=================??行屬性??==================?-->
??<!--?============================================?-->
??<!--
????<a>、<span>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>等
??-->
??<!--
????1.行屬性標簽它和其它標簽處在同一行內
????2.行屬性標簽無法設置寬度，高度?行高?距頂部距離?距底部距離
????3.行屬性標簽的寬度是直接由內部的文字或者圖片等內容撐開的
????4.行屬性標簽內部不能嵌套行屬性標簽（a鏈接內不能嵌套其他鏈接）
??-->
??<!--?============================================?-->
??<!--?=================??塊屬性??==================?-->
??<!--?============================================?-->
??<!--?<div>、<p>、<h1>…<h6>、<ol>、<ul>、<li>、<address>、<blockquote>、<form>?-->

??<!--
????1.每一個快屬性標簽都是從新的一行開始，而且之后的元素也都會從新的一行開始
????（因為每一個塊屬性標簽都會直接占據一整行的內容，導致下面的內容也只能從新的一行開始）
????2.塊屬性標簽都是可以設置寬度、高度，行高，距頂部距離，距底部距離
????3.塊屬性標簽的寬度假如不做設置，會直接默認為父元素寬度的100%
????4.塊屬性標簽是可以直接嵌套的
????5.p標簽中不能嵌套div標簽
??-->

望采納!

行內元素就是灰在一行顯示，塊級的話會另開一行，比如span 他就是行內元素，比如<span>a</span><span>b</span>

顯示的話會是a,b在同一行，而對于div這種塊級元素的話，如果<div>c</div><div>d</div>,這樣c,d不會在同一行，會另開一行

塊級元素： div h1~h6 ul ol ?p dl table form...

行內元素： a span label ?em strong ...

內聯塊級： img input

內聯塊級元素：和其他元素同一行（行內元素特點），可以設置元素的寬高等（塊級元素特點）。

display:inline-block 設置成內聯塊級元素。

display：inline 內聯元素

display:block 塊級元素

?塊級元素占一行，不論內容多少只要是有2個這樣的元素就會換行，行內元素內容少時不會換行

?行內元素會在一條直線上排列，都是同一行的，水平方向排列

?塊級元素各占據一行，垂直方向排列。塊級元素從新行開始結束接著一個斷行。

塊級元素可以包含行內元素和塊級元素。行內元素不能包含塊級元素。

行內元素與塊級元素屬性的不同，主要是盒模型屬性上

行內元素設置width無效，height無效(可以設置line-height)，margin上下無效，padding上下無效

塊級元素(block element)
div -最常用的塊級元素
dl - 和dt dd搭配使用的塊級元素
form - 交互表單
h1 - 大標題
hr - 水平分隔線
ol - 排序表單
p - 段落
ul - 非排序列表

內聯元素(inline element)
a - 錨點
b - 粗體(不推薦)
br - 換行
em - 強調
font - 字體設定(不推薦)
i - 斜體
img - 圖片
input - 輸入框
label - 表格標簽
select - 項目選擇
small - 小字體文本
span - 常用內聯容器，定義文本內區塊
strike - 中劃線
strong - 粗體強調
sub - 下標
sup - 上標
textarea - 多行文本輸入框
tt - 電傳文本
u - 下劃線