html元素分类部分初学者大概和我一样。起初，他们只注意到html元素分为块元素（block）和行内元素（inline）。这里简单说一下行内元素和块元素的特点：block:(div/p/dl/form/h1-h6/ol/ul):独占行的高度有里面的元素展开宽度，默认为100%（继承父元素的宽度）并且可以设置外边距/内边距包裹任何其他元素p标签比较特殊：块元素不能包裹（只存储文本）这里我想说说当一个块元素放在p元素中会发生什么：div>
内联元素特点：(a/b/em/i/img/span)等同行内联元素不支持width上下边距无效，auto无效（不支持自动居中）。内边距只影响行内元素，忽略块元素标签中间的空间。解析a比较特殊，可以包裹块元素（区域链接）。看到这里有些动手写过代码的同学可能会有疑惑????内联元素不能设置上下边距(margin-top,margin-bottom)，但它实际上对
。OK嗯，这个问题也让我头疼了一阵子。有人会说，img算得上是具有inline-block（行内块元素）的特性，但它是inline（行内元素），是不是有点绕口，也就是Followthesmatteringofknowledge背下来，以及你可以使用它。根据我查的资料，我是这样理解的（流畅）：![]()
是一个可替换的内联元素。内联元素也分为replacedinlineelements和Non-replaceableinlineelements：Non-replaceableelementsHTML的大部分元素都是non-replaceableelements，即内容直接显示给用户终端（直接呈现给浏览器界面）.paragraphcontent
paragraph是不可替换的元素，文本“paragraphcontent”全部显示。可替换元素替换浏览器根据元素的标签和属性确定元素具体显示内容的元素。首先用一个简单的输入注解来说明当改变type的赋值时，input样式也会随之改变，eg:、等，不同的type值会出现不同的情况。img浏览器会根据![]()
标签的src属性的值来读取显示的图片信息。如果只看html代码，是看不到图片的实际内容的。内联非替换元素特性内联替换元素遵循上述内联元素特性。内联替换元素特性width,height,margin,四个方向,padding的四个方向正常显示，并且遵循标准的css盒模型哪些是替换元素，哪些是非替换元素，哪些元素是替换元素？![]()
`
