Web前端技術分享：什麼是塊元素?什麼是行內元素?

　　什麼是塊元素?什麼是行內元素?想必學習 web前端知識的同學們，課上都會有提到這一方面，如果對這個知識點還不是很熟悉，可以看看下面小千整理的內容。

　　什麼是塊元素?什麼是行內元素?

　　HTML標籤語言提供了豐富的標籤，用於組織頁面結構。為了使頁面結構的組織更加輕鬆、合理，HTML標籤被定義成了不同的型別，一般分為塊元素和行內元素，也稱為塊標籤和行內標籤，瞭解它們的特性可以為使用CSS設定樣式和佈局打下基礎。

　　1. 塊元素

　　塊元素在頁面中以區域塊的形式出現，其特點是，每個塊元素通常都會獨自佔據一行或多行，可以對其設定寬度、高度、對齊等屬性，常用於網頁佈局和網頁結構的搭建。

　　常見的塊元素有：

　　<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等，其中<div>標籤是最典型的塊元素。

　　2. 行內元素

　　行內元素也稱內聯元素或內嵌元素，其特點是，不會佔據一行，也不強迫其他的標籤在新的一行顯示。一個行內標籤通常會和其他行內標籤顯示在同一行中，它們不佔有獨立的區域，僅僅靠自身的文字內容大小和影像尺寸來支撐結構，一般不可以設定寬度、高度、對齊等屬性，常用於控制頁面中文字的樣式。

　　常見的行內元素有<strong>、<b>、<em>、<i>、<del>、<s>、<ins>、<u>、<a>、<span>等，其中<span>標籤最典型的行內元素。

　　什麼是塊元素？什麼是行內元素？透過上面的詳細介紹同學們瞭解了嗎？想了解更多Web前端知識，歡迎持續關注我喲！

　　 本文來自千鋒教育，轉載請註明出處。