css点滴

• display
  如果position既不是static也不是relative或者float不是none或者元素是根元素，当display:inline-table时，display的计算值为table；当display:inline | inline-block | run-in | table-* 系时，display的计算值为block，其它情况为指定值；
• float
  如果float不是none，当display:inline-table时，display的计算值为table；当display:inline | inline-block | run-in | table-* 系时，display的计算值为block，其它情况为指定值；
  float在绝对定位和display为none时不生效。
• width
  对于img对象来说，仅指定此属性，其height值将根据图片源尺寸等比例缩放。
• min-width
  如果min-width属性的值大于max-width属性的值，max-width将会自动以min-width的值作为自己的值。
• height
  对于img对象来说，仅指定此属性，其width值将根据图片源尺寸等比例缩放。
• margin
  margin折叠常规认知：
  margin折叠只发生在块级元素上；
  浮动元素的margin不与任何margin发生折叠；
  设置了属性overflow且值不为visible的块级元素，将不与它的子元素发生margin折叠；
  绝对定位元素的margin不与任何margin发生折叠；
  根元素的margin不与其它任何margin发生折叠；
  --- 非替代(non-Replaced)行内元素可以使用该属性设置左、右两边的内补丁；若要设置上、下两边的内补丁，必须先使该对象表现为块级或内联块级
• 替换元素：
  替换元素是浏览器根据其标签的元素与属性来判断显示具体的内容。
  比如： type="text" 的是，这是一个文本输入框，换一个其他的时候，浏览器显示就不一样
  (X)HTML中的img、input、textarea、select、object都是替换元素，这些元素都没有实际的内容。
• 非替换元素：
  (X)HTML 的大多数元素是不可替换元素，他们将内容直接告诉浏览器，将其显示出来。
  比如'<'p>wanmei.com'
  浏览器将把这段内容直接显示出来。