行內(內聯)元素<a> <span> <b> <i> <em> <strong> <label> <q> <var> <cite> <code>
塊元素
<div> <p> <h2>...<h7> <ol> <ul> <dl> <table> <address> <blockquote> <form>
空(void)元素
<br> <hr> <img> <input> <link> <meta> <area> <base> <col> <command> <embed> <keygen> <param> <source> <track> <wbr>
行內元素和塊元素區別:
區別一:
塊級:塊級元素會獨占一行,默認情況下寬度自動填滿其父元素寬度
行內:行內元素不會獨占一行,相鄰的行內元素會排在同一行。其寬度隨內容的變化而變化。
區別二:
塊級:塊級元素可以設置寬高
行內:行內元素不可以設置寬高
區別三:
塊級:塊級元素可以設置margin,padding
行內:行內元素水平方向的margin-left; margin-right; padding-left; padding-right;可以生效。但是豎直方向的margin-bottom; margin-top; padding-top; padding-bottom;卻不能生效。
區別四:
塊級:display:block;
行內:display:inline;
注意:標簽描述詳見https://www.w3cschool.cn/html5_reference.html
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。