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)行内元素可以使用该属性设置左、右两边的内补丁；若要设置上、下两边的内补丁，必须先使该对象表现为块级或内联块级
  • 替换元素：
    替换元素是浏览器根据其标签的元素与属性来判断显示具体的内容。
    比如：<input /> type="text" 的是，这是一个文本输入框，换一个其他的时候，浏览器显示就不一样
    (X)HTML中的img、input、textarea、select、object都是替换元素，这些元素都没有实际的内容。
  • 非替换元素：
    (X)HTML 的大多数元素是不可替换元素，他们将内容直接告诉浏览器，将其显示出来。
    比如'<'p>wanmei.com</p'>'
    浏览器将把这段内容直接显示出来。
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容