本文小編為大家詳細介紹“html塊級和行級元素是什么”,內容詳細,步驟清晰,細節處理妥當,希望這篇“html塊級和行級元素是什么”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學習新知識吧。
html元素可以劃分為塊級元素和行級元素。
塊級元素是什么?
它可以獨占一行,可以設置寬高度,默認是100%;
行級元素與之相反,它的內容決定它的寬高度,至于特殊字符就當成是文字來看。
示例:
<!DOCTYPEhtml>
<html>
<head>
<metacharset="UTF-8">
<metaname="viewport"content="width=device-width,initial-scale=1.0">
<title>HTML塊級、行級元素,特殊字符,嵌套規則</title>
</head>
<body>
<!--塊元素:獨占一行,可以設置寬高、默認寬度100%-->
塊元素分為文字類和容器類
文字類塊元素:p、h2——h7
容器類塊元素:div、table、tr、td、frame、ul>li、ol、dl、dt、dd(序列)
<!--行元素:不獨占一行,寬高度取決于內容-->
行元素:aimginputstrongemdelspan
特殊字符:文字br hr
</body>
</html>
嵌套規則:
1、塊元素可以嵌套行元素;
2、行元素可以嵌套行元素;
3、行元素不可以嵌套塊元素;
4、文字類塊元素不可以嵌套塊元素;
5、容器類塊元素可以嵌套塊元素。
讀到這里,這篇“html塊級和行級元素是什么”文章已經介紹完畢,想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會,如果想了解更多相關內容的文章,歡迎關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。