html中元素分为三种：块级元素、行内元素（也叫内联元素），内联块级元素。 常用块级元素：<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、< ...

参考资料：Inline elements and padding 今天写一个导航栏时遇到了一个问题：行内元素的padding-top，padding-bottom和margin-top,margin-bottom是不是真的是无效的？ 接下来就这个问题将具体分析： 1.行内元素拥有盒子 ...

HTML 里的元素分为替换元素（replaced element）和非替换元素（non-replaced element）。- 替换元素是指用作为其他内容占位符的一个元素。最典型的就是img，它只是指向一个图像文件。以及大多数表单元素也是替换，例如input等。- 非替换元素是指内容包含在文档中 ...

块级元素(block)特性： 总是独占一行，表现为另起一行开始，而且其后的元素也必须另起一行显示; 宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制; 内联元素(inline)特性： 和相邻的内联元素在同一行; 宽度(width)、高度 ...

一、各种元素的width height margin padding 特性（具体css元素的分来参看二） 1.块级元素 width、 height、 margin的四个方向、 padding的四个方向都正常显示，遵循标准的css盒模型。例如：div 2.行内替换元素 width ...

曾经学过的教程中写明：行内元素的特点有： 1、与其他元素在同一行 2、宽度(width)、高度(height)、内边距的top/bottom(padding-top/padding-bottom)和外边距的top/bottom(margin-top/margin-bottom)不可 ...

height: 内容的高度 padding：内边距，边框到内容的距离 border: 边框，就是指的盒子的 ...

关于行内元素的margin padding一些说明；background-color的范围 　　①当对行内元素使用padding时，只有左右方向（正常）有效；竖直方向上，内边距对于该行内元素有效果，但是对其他元素无任何影响。 　　②当对行内元素使用margin时 ...