【前段开发】行内元素和块级元素总结（HTML CSS）

来源：互联网发布：c语言split函数编辑：程序博客网时间：2024/05/16 00:58

块级元素

<address>information on author<blockquote>long quotation<button>push button<caption>table caption<dd>definition description<del>deleted text<div>generic language/style container<dl>definition list<dt>definition term<fieldset>form control group<form>interactive form<h1>heading<h2>heading<h3>heading<h4>heading<h5>heading<h6>heading<hr>horizontal rule<iframe>inline subwindow<ins>inserted text<legend>fieldset legend<li>list item<map>client-side image map<noframes>alternate content container for non frame-based rendering<noscript>alternate content container for non script-based rendering<object>generic embedded object<ol>ordered list<p>paragraph<pre>preformatted text<table>table<tbody>table body<td>table data cell<tfoot>table footer<th>table header cell<thead>table header<tr>table row<ul>unordered list

行内元素

<a>anchor<abbr>abbreviated form<acronym>acronym<b>bold text style<bdo>I18N BiDi over-ride<big>large text style<br>forced line break<button>push button<cite>citation<code>computer code fragment<del>deleted text<dfn>instance definition<em>emphasis<i>italic text style<iframe>inline subwindow<img>Embedded image<input>form control<ins>inserted text<kbd>text to be entered by the user<label>form field label text<map>client-side image map<object>generic embedded object<q>short inline quotation<samp>sample program output, scripts, etc.<select>option selector<small>small text style<span>generic language/style container<strong>strong emphasis<sub>subscript<sup>superscript<textarea>multi-line text field<tt>teletype or monospaced text style<var>instance of a variable or program argument

行内元素、非置换元素不会应用width属性，比如对行内元素<a>应用了width:200px,你不会看到任何效果出现。

行内元素、非置换元素不会应用height属性，但是高度可以通过line-height来指定。

行内元素你可以给它设置padding，但只有padding-left和padding-right会有效果，没有padding-top和padding-bottom。

margin属性也是和padding属性一样，对行内元素左右有效，上下无效。

0 0