HTML——、、以及之間的關係
阿新 • • 發佈:2018-12-26
<p>
是塊級元素,前後斷行,而且還要再隔一行.相當於斷兩行。
相應的程式碼及效果:`
<p>This is a paragraph</p>
<p>This is another paragraph</p>`
效果:
可以看到:p(段落)元素是塊級的,前後斷行,而且還要再隔一行.相當於斷兩行。
<p>和<br/>
的區別:
<p>相當於段落標籤,<br/>
是換行標籤。段落與段落之間一般會有一個行高的空白距離。而換行則不會使得行與行之間有一段空白的距離。這是二者在頁面效果上的區別“`
<span>
—— 是用來來組合行內元素,以便通過樣式來格式化它們。它所佔的大小長度由它的內容來決定,而且不能設定寬高以及邊距。主要作用就是對行內的元素進行分組或標識.
如:<p><span class="aa">Harry Knowles</span></p>
div和span的聯絡:
1. div是塊級元素, 實際上就是一個區域, 主要用於容納其他標籤。 預設的display屬性是block
2. span是行內元素, 主要用於容納文字。 預設的display屬性是inline.
所謂塊元素,是以另起一行開始渲染的元素,行內元素則不需另起一行。
eg.
二者聯絡:
div可以變為span (display:inline),這樣div將變為行內元素
span也可以變為div(display:block),這樣span將變為塊級元素,預設佔一行,而且可以設定寬高
同時,兩者要想實現既可以設定寬高,邊距,又可以不佔一行,則display:inline-block