8種機(jī)械鍵盤軸體對比

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

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

塊級元素

特點(diǎn)每個(gè)元素都從新的一行開始，其后的元素另起一行，即使設(shè)置寬度為0，只要有高度，都會獨(dú)占一行

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

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

常見的塊狀元素

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

常見的塊狀元素

內(nèi)聯(lián)元素(行內(nèi)元素)

特點(diǎn)和其他元素都在一行上；

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

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

常見的內(nèi)聯(lián)元素

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

常見的內(nèi)聯(lián)元素

內(nèi)聯(lián)塊級元素(行內(nèi)塊級元素)

特點(diǎn)(同時(shí)具有塊級元素、內(nèi)聯(lián)元素的特點(diǎn))和其他元素都在一行上；

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

常見的內(nèi)聯(lián)塊狀元素

input、textarea、select、button

常見的內(nèi)聯(lián)塊級元素

三種元素類型樣式對比

代碼

---

我是第一個(gè)div，寬度200px，高度100px，背景色為紅色我是第二個(gè)div，寬度200px，高度100px，背景色為藍(lán)色

---

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

我是第二個(gè)span，寬度200px，高度100px，背景色為藍(lán)色

---

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

我是第二個(gè)button，寬度200px，高度100px，背景色為藍(lán)色

---

效果

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

我是第二個(gè)div，寬度200px，高度100px，背景色為藍(lán)色我是第一個(gè)span，寬度200px，高度100px，背景色為紅色我是第二個(gè)span，寬度200px，高度100px，背景色為藍(lán)色我是第一個(gè)button，寬度200px，高度100px，背景色為紅色我是第二個(gè)button，寬度200px，高度100px，背景色為藍(lán)色

實(shí)質(zhì)上，雖然對span這個(gè)內(nèi)聯(lián)元素設(shè)置了寬度和高度，然而并沒有起到效果。

總結(jié)

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

設(shè)置display:inline；可以將塊狀元素轉(zhuǎn)換為內(nèi)聯(lián)元素；

設(shè)置display:inline-block；可以將元素設(shè)置為內(nèi)聯(lián)塊級元素。

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。