在html中,行內(nèi)塊級(jí)元素分別是:用于標(biāo)記網(wǎng)頁中圖像的img;用于搜集用戶信息的input;標(biāo)簽定義表格中標(biāo)準(zhǔn)單元格的td;可創(chuàng)建單選或多選菜單的select;定義多行的文本輸入控件的textarea;為input元素定義標(biāo)注的label。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
行內(nèi)塊狀元素綜合了行內(nèi)元素和塊狀元素的特性,但是各有取舍。因此行內(nèi)塊狀元素在日常的使用中,由于其特性,使用的次數(shù)也比較多。
行內(nèi)塊狀元素特征:
-
不自動(dòng)換行
-
能夠識(shí)別寬高
-
默認(rèn)排列方式為從左到右
內(nèi)聯(lián)塊級(jí)元素比較少,它們分別是:img、input、td、select、textarea、label;
img:用于標(biāo)記網(wǎng)頁中的圖像 ,有屬性src:圖片資源路徑 ,alt:提示信息 當(dāng)圖片加載失敗 ,以指定文本形式代替圖片顯示
input:輸入框,有屬性type輸入框類型,有屬性值(text表示文本輸入框,file文件選擇器,password密碼輸入框,email郵箱輸入框,number數(shù)字輸入框,button按鈕)。placeholder占位字符,用于提示輸入框應(yīng)該輸入的內(nèi)容。value表示輸入框中的內(nèi)容。name和后臺(tái)服務(wù)器交互時(shí),必須攜帶name屬性,發(fā)送請(qǐng)求時(shí)的參數(shù)名。
單選 type=“radio” 表示一個(gè)單選選項(xiàng)處于同一組單選框只能選中一個(gè)值,將多個(gè)radio的name屬性值設(shè)置為相同的值type="checkbox"復(fù)選框
label:和input標(biāo)簽綁定到一塊使用,有屬性for,屬性值就是input輸入框的id值。checked屬性為標(biāo)簽選中狀態(tài)
select:下拉列表
擴(kuò)展資料:
內(nèi)聯(lián)塊級(jí)元素的轉(zhuǎn)換
通過設(shè)置CSS樣式屬性display:inline-block,可將內(nèi)聯(lián)元素,或塊級(jí)元素轉(zhuǎn)換成內(nèi)聯(lián)塊級(jí)元素;
但如果是將元素轉(zhuǎn)換成內(nèi)聯(lián)元素,則設(shè)置display:inline;
如果是將元素轉(zhuǎn)換成塊級(jí)元素,則設(shè)置display:block;
inline-block是css2.1新增的屬性,對(duì)于IE7以下的版本不支持這個(gè)屬性,所以需要一些兼容的辦法。
推薦學(xué)習(xí):html視頻教程