html之块级元素和内联元素

最近开始重新整理html和css的基础知识。

html的元素最常见的是块级元素和内联元素。除此之外还有顶级元素，包括html，body，framset。

块级元素

块级元素一般默认填充父元素的内容区，独立成行。但是可以通过设置其宽高等等来改变排列方式。可以容纳其他的块级元素和行内元素。

块级元素分为结构化块状元素，终端块状元素，多目标块状元素。

结构化块状元素，主要用于构造文档的结构。没有语义。

     <ol>,<ul>,<dl>,<table>。<li>,<dt>,<dd>,<caption>,<thead>,<tbody>,<tfoot>,<colgroup>,<col>。

终端块状元素，用于从结构转向内容，拥有语义。中端块状元素属于结构的终点，不能再包含其他块级元素，只能包含文本或行级元素。

    <h1>--><h6>,<p>,<blockquote>,<dt>,<address>,<caption>.

多目标块状元素，可以自由的扩展或嵌套文档的结构，以可以终端的形式出现。

          可以包含块级元素，也可以包含内容。块级元素不应该作为行内元素和文本的兄弟元素。

    <div>,<li>,<dd>,<td>,<form>,<noscript>。

内联元素

内联元素的宽度随着内容的多少而改变。只能设置内边距，无法设置宽高和外边距。

<a>,<label>,<i>，<em>等等。

关于display

css中的display属性常见的值有：inline（默认），block，none。inline和block可以使块级元素和行内元素性质转换。