html能插入背景的行级元素,Html元素类型:块级元素、行内元素(内联元素)和行内块级元素...
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元素类型:块级元素、行内元素(内联元素)和行内块级元素...的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Win7系统打开摄像头提示“请检查装置连
- 下一篇: 电脑提示0xc0000719设备未迁移如