摘要：方法一: line-height居中显示.vertical { line-height:200px;//这里将跟height一样 } 方法二：position定位方式　给容器设置绝对定位（position:absolute）,并且定位高度（top:50%）和margin-top为高... 阅读全文

摘要：Flexbox(伸缩布局盒) 是 CSS3 中一个新的布局模式，为了现代网络中更为复杂的网页需求而设计。本文将介绍 Flexbox 语法的技术细节。浏览器的支持越来越快，所以当 Flexbox 被广泛支持并应用时你将会快人一步。如果你想知道它是什么并是如何工作的，不妨仔细了解下吧！为什么需要伸缩布局... 阅读全文

摘要：1 内联元素和块级元素的区别以及display的三种属性区别在说起display属性之前，就必须先说说什么是文档流，以及文档流中的内敛元素和块级元素又是指什么?一直觉得理解了文档流的概念，一堆CSS布局也就理解起来相对容易点，因为很多布局也都是基于这个理论的，那么什么是文档流呢？ 文档流: 将h... 阅读全文

摘要：Part One transition: transition:property duration timing-function delay transition: color 1s ease transition-property: color //规定过渡效果的CSS属性名称 ... 阅读全文