display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;看前缀webkit就知道属于webkit内部属性，只支持webkit内核浏览器，移动端可以放心使用。
使用CSS3 Transforms变换和Animations动画练习制作钢铁侠胸口的小型核反应堆，个人觉得光看还是不行的，还是要多练，并对其中用到得不太熟悉的css属性进行温习补缺。
能用css解决的就不要用JavaScript。16个常用css技巧收集整理（一），16个常用css技巧收集整理（二），16个常用css技巧收集整理（三）都有介绍，本文继续其它收集的css技巧。
能用css解决的就不要用JavaScript。16个常用css技巧收集整理（一）中收集了animation-fill-mode、calc()计算值、box-sizing、currentColor，16个常用css技巧收集整理（二）中收集了caret-color、scroll-behavior、::selection、-webkit-overflow-scrolling: touch，本文继续其它收集的css技巧。
能用css解决的就不要用JavaScript。16个常用css技巧收集整理（一）中收集了animation-fill-mode、calc()计算值、box-sizing、currentColor，本文继续其它收集的css技巧。
能用css解决的就不要用JavaScript，做到渐进增强（从被所有浏览器支持的基本功能开始，逐步地添加那些只有新式浏览器才支持的功能,向页面增加无害于基础浏览器的额外样式和功能的。当浏览器支持时，它们会自动地呈现出来并发挥作用）即可。
background-origin 规定了指定背景图片background-image 属性的原点位置的背景相对区域，注意：当使用 background-attachment 为fixed时，该属性将被忽略不起作用。
background-size属性是背景属性之一,此属性可以使用四种不同的语法：关键词语法、一个值语法、两个值语法和多背景语法。使用多个图像时，请记住背景图像的堆叠顺序，第一幅永远在最上面，后面以此类推。