本文小編為大家詳細介紹“html行內塊元素是什么”,內容詳細,步驟清晰,細節處理妥當,希望這篇“html行內塊元素是什么”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學習新知識吧。
行內塊狀元素特征:
不自動換行
能夠識別寬高
默認排列方式為從左到右
內聯塊級元素比較少,它們分別是:img、input、td、select、textarea、label;
img:用于標記網頁中的圖像 ,有屬性src:圖片資源路徑 ,alt:提示信息 當圖片加載失敗 ,以指定文本形式代替圖片顯示
input:輸入框,有屬性type輸入框類型,有屬性值(text表示文本輸入框,file文件選擇器,password密碼輸入框,email郵箱輸入框,number數字輸入框,button按鈕)。placeholder占位字符,用于提示輸入框應該輸入的內容。value表示輸入框中的內容。name和后臺服務器交互時,必須攜帶name屬性,發送請求時的參數名。
單選 type=“radio” 表示一個單選選項處于同一組單選框只能選中一個值,將多個radio的name屬性值設置為相同的值type="checkbox"復選框
label:和input標簽綁定到一塊使用,有屬性for,屬性值就是input輸入框的id值。checked屬性為標簽選中狀態
select:下拉列表
擴展資料:
內聯塊級元素的轉換
通過設置CSS樣式屬性display:inline-block,可將內聯元素,或塊級元素轉換成內聯塊級元素;
但如果是將元素轉換成內聯元素,則設置display:inline;
如果是將元素轉換成塊級元素,則設置display:block;
inline-block是css2.1新增的屬性,對于IE7以下的版本不支持這個屬性,所以需要一些兼容的辦法。
讀到這里,這篇“html行內塊元素是什么”文章已經介紹完畢,想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會,如果想了解更多相關內容的文章,歡迎關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。