CSS3 Flex 布局
兼容性2009 年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局标 1 仅支持旧的 flexbox 规范,不支持包装。标 2 仅支持 2012 语法标 3 不支持 flex-wrap,flex-flow 或 align-content 属性标 4 部分支持是由于存在大量错误(参见已知问题)概念Flex 是 Flexible Box 的缩写,意为"弹性布...阅读全文
984次浏览
0 条评论
3次感谢
CSS3 渐变 gradient
初次接触 css3 渐变是在很早以前了,觉得这个东西很有意思哈,跟玩 PS 似的,可以做出很多华丽的东西浏览器支持情况| IE | FF | Chrome | Safari | Opera | iOS | Android | Android Chrome || ...阅读全文
2613次浏览
4 条评论
0次感谢
CSS3 动画 animation
复习下 css3 的动画, 都快不会写了,那会儿挺喜欢 flash 的,可惜了时代在前进。写这里就当是文档看吧浏览器支持Internet Explorer 10、Firefox 以及 Opera 支持 animation 属性。Safari 和 Chrome 支持替代的 -webkit-animation 属性。注释:Internet Explorer 9 以及更早的版本不支持 animation...阅读全文
1870次浏览
0 条评论
0次感谢
CSS3 文本超出就显示省略号
强制一行的情况很简单overflow:hidden;#超出的隐藏text-overflow:ellipsis;//省略号white-space:nowrap;//强制一行显示多行overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; //...阅读全文
3370次浏览
5 条评论
9次感谢