基本了解css中实现动画有两种方式：transition过渡动画、animation自定义动画。本文主要讲解animation动画的使用。我们先简单了解下animation的一些语法和使用过程，后面会详细解说：[]通过@keyframes自定义关键帧动画并为动画命名，可以在其中对每一帧进行设置。[]使用自定义动画的元素，需要通过ani...

基本了解css中实现动画有两种方式：transition过渡动画、animation自定义动画。本文主要讲解transition过渡动画的使用。在不使用transition时，若通过用户的交互直接改变css样式属性，呈现的形式是立刻转变，但有时我们希望这个变化是有过渡效果的，这时就可应用transition过渡动画了。我们先来简单了解下transi...

Flex布局是什么？Flex是FlexibleBox的缩写，意为弹性布局，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。.box{display:flex;}行内元素也可以使用Flex布局。.box{display:inline-flex;}Webkit内核的浏览器，必须加上-webkit前...

众所周知，通过css设置文字强制不换行超出用省略号表示很简单：单行文本超出显示...{white-space:nowrap;#文本强制不换行；text-overflow:ellipsis;#文本溢出显示省略号；overflow:hidden;#溢出的部分隐藏；}多行文本{overflow:hidden;-webkit-line...