摘要:
/* http://meyerweb.com/eric/tools/css/reset/ v2.0-modified | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, 阅读全文
摘要:
元素的层级的介绍 什么是元素的层级 通过z-index可以改变开启定位元素的层级 父元素的层级再高也不会遮盖住子元素 元素的层级的介绍 什么是元素的层级 当元素开启定位后就会是元素提升一个层级,网页是由多个层级组成的 <style> *{ font-size: 50px; font-weight: 阅读全文
摘要:
浮动引发的高度塌陷问题 高度塌陷问题的产生 BFC(Block Formatting Context)的引入 元素开启BFC后的特点 开启BFC的元素不会被其他浮动元素所覆盖 开启BFC的元素不会发生父子元素外边距重叠 开启BFC后可以包含浮动的子元素 如何开启BFC 设置元素浮动 将元素displ 阅读全文
摘要:
定位 static(默认值) 没有开启定位 relative 相对定位的性质 包含块(containing block)概念 没有开启定位时包含块就是当前元素最近的祖先块元素 开启绝对定位后的元素包含块有两种情况 如果所有祖先元素都没有开启定位,则依据根元素()进行定位 如果祖先元素有开启定位,则依 阅读全文
摘要:
弹性盒布局详解 弹性盒介绍 弹性盒的CSS属性 开启弹性盒 弹性容器的CSS属性 flex-direction设置弹性元素在弹性容器中的排列方向 主轴与侧轴(副轴) flex-wrap设置弹性容器空间不足时是否自动换行 flex-flow是wrap与direction结合的属性 justify-co 阅读全文
摘要:
垂直外边距折叠 垂直外边距折叠的发生 兄弟元素之间(对开发有利,无需处理) 父子元素之间(需要解决) 解决方法1: 使用文字破坏外边距相邻 解决方法2: 使用border破坏外边距相邻 解决方法3: 不是用外边距,转而去调整内边距(padding) 终极版:解决方法: clearfix类封装 垂直外 阅读全文
摘要:
CSS过度约束性质 什么是CSS过度约束 当没有开启绝对定位或固定定位时 水平布局必须要满足以下等式 探寻能够设置成auto的CSS属性 等式不成立(过度约束)时的几种情况 当margin与width都没有设置为auto 当margin或width中有一个被设置为auto 当margin与width 阅读全文