8種機械鍵盤軸體對比

本人程序員，要買一個寫代碼的鍵盤，請問紅軸和茶軸怎么選？

html中的標簽元素大體被分為三種不同的類型：塊級元素、內聯元素(又叫行內元素)和內聯塊級元素。事實上，我以前用的時候只是建立在對它們的初步了解之上，可能有時候的使用方法并不正確，這次我需要在實驗的基礎上去更加深入地認識它們，并且進行一些簡單的對比，了解它們之間的差別與聯系，從而能夠正確地使用它們。

塊級元素

特點每個元素都從新的一行開始，其后的元素另起一行，即使設置寬度為0，只要有高度，都會獨占一行

元素的高度、寬度、行高以及頂部和內外邊距(上下左右)都可設置

元素如果不設置寬度，則是它本身符容器的100%(和父元素的寬度一致)

常見的塊狀元素

div、p、h1~h6、ul、ol、dl、li、dd、hr、blockquote、address、table、menu、pre，HTML5新增的header、section、aside、footer等

常見的塊狀元素

內聯元素(行內元素)

特點和其他元素都在一行上；

元素的高度、寬度及頂部和底部邊距不可設置；

元素的寬度就是它包含的文字或圖片的寬度，不可改變。

常見的內聯元素

span、img、a、lable、input、abbr(縮寫)、em(強調)、big、cite(引用)、i(斜體)、q(短引用)、textarea、select、small、sub、sup，strong、u(下劃線)、button(默認display：inline-block)

常見的內聯元素

內聯塊級元素(行內塊級元素)

特點(同時具有塊級元素、內聯元素的特點)和其他元素都在一行上；

元素的高度、寬度、行高以及內外邊距(上下左右)都可設置

常見的內聯塊狀元素

input、textarea、select、button

常見的內聯塊級元素

三種元素類型樣式對比

代碼

---

我是第一個div，寬度200px，高度100px，背景色為紅色我是第二個div，寬度200px，高度100px，背景色為藍色

---

我是第一個span，寬度200px，高度100px，背景色為紅色

我是第二個span，寬度200px，高度100px，背景色為藍色

---

我是第一個button，寬度200px，高度100px，背景色為紅色

我是第二個button，寬度200px，高度100px，背景色為藍色

---

效果

我是第一個div，寬度200px，高度100px，背景色為紅色

我是第二個div，寬度200px，高度100px，背景色為藍色我是第一個span，寬度200px，高度100px，背景色為紅色我是第二個span，寬度200px，高度100px，背景色為藍色我是第一個button，寬度200px，高度100px，背景色為紅色我是第二個button，寬度200px，高度100px，背景色為藍色

實質上，雖然對span這個內聯元素設置了寬度和高度，然而并沒有起到效果。

總結

三種元素類型的特點決定了它的顯示方式和一些屬性的可設置性，我們再做網頁開發的時候一定要用好它們，有時候如果元素標簽本身的類型不能滿足我們布局需要的時候，可以使用樣式設置對它們進行類型修改變換。設置display:block；可以將元素轉換塊級元素；

設置display:inline；可以將塊狀元素轉換為內聯元素；

設置display:inline-block；可以將元素設置為內聯塊級元素。

總結

以上是生活随笔為你收集整理的html能插入背景的行级元素,Html元素类型：块级元素、行内元素（内联元素）和行内块级元素...的全部內容，希望文章能夠幫你解決所遇到的問題。

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