之前有說過html的標簽是有語義的，當然也就有一些默認的樣式，比如標題有h1···h6，他們的字體由大至小一次遞減，字體比一般字體要加粗。

這樣也就有了行級元素和塊級元素，下面來看看什么是行級元素什么事塊級元素：行級元素指標簽不加其他css，兩個標簽是橫向排列；塊級元素指標簽不加其他css，兩個標簽是縱向排列。

以下是一些常見的行及元素和塊級元素：

行級元素(inline element)

　　 a - 錨點
　　* em - 強調
　　* i - 斜體
　　* img - 圖片
　　* input - 輸入框
　　* label - 表格標簽
　　* select - 項目選擇
　　* span - 常用內聯容器，定義文本內區塊
　　* strong - 粗體強調
　　* sub - 下標
　　* sup - 上標
　　* textarea - 多行文本輸入框

塊級元素(block element)

　　* div - 常用塊級容易，也是css layout的主要標簽
　　* dl - 定義列表
　　* form - 交互表單
　　* h1 - 大標題
　　* h2 - 副標題
　　* h3 - 3級標題
　　* h4 - 4級標題
　　* h5 - 5級標題
　　* h6 - 6級標題
　　* hr - 水平分隔線
　　* ol - 排序表單
　　* p - 段落
　　* table - 表格
　　* ul - 非排序列表

塊級元素，會自動占據一定矩形空間，可以通過設置高度、寬度、內外邊距等屬性，來調整的這個矩形的樣子；與之相反，像“span”“a”這樣的行內元素，則沒有自己的獨立空間，它是依附于其他塊級元素存在的，因此，對行內元素設置高度、寬度、內外邊距等屬性，都是無效的。

當然元素的塊級還是行級是可以通過本頁面的css來修改，將display屬性設置為“inline”元素就會變成行級元素，設置為“block”元素就會變成塊級元素。

更多專業前端知識，請上 【猿2048】www.mk2048.com

總結

以上是生活随笔為你收集整理的html行级元素和块级元素以及css转换的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。