随笔分类 -  css

display:flex 多栏多列布局
摘要：display:flex 多栏多列布局浏览器支持情况：火狐直接支持w3c无前缀写法，谷歌和opera支持-webkit- 前缀写法，比较适合移动端开发使用，display:flex 这个牛逼的css3布局属性，遗憾的是只有谷歌和火狐支持，中国人常用的手机上的浏览器几乎全军覆没，UC浏览器不支持，安卓... 阅读全文
posted @ 2015-07-14 13:40 椰树飘香 阅读(869) 评论(0) 推荐(0)
mobile web retina 下 1px 边框解决方案
摘要：http://www.tuicool.com/articles/ZRv6bun再谈mobile web retina 下 1px 边框解决方案时间2015-01-03 12:03:31Hugo Web前端开发原文http://www.ghugo.com/css-retina-hairline/主题W... 阅读全文
posted @ 2015-06-05 18:15 椰树飘香 阅读(406) 评论(0) 推荐(0)
动画链接
摘要：http://daneden.github.io/animate.css/ 阅读全文
posted @ 2015-05-28 16:22 椰树飘香 阅读(132) 评论(0) 推荐(0)
淘宝样式初始化
摘要：body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padd... 阅读全文
posted @ 2015-03-12 14:50 椰树飘香 阅读(135) 评论(0) 推荐(0)
less编译
摘要：第一种方式：在页面直接引用less.js 然后直接引入less文件就行 通过浏览器编译的方式不好第二种方式：一般是在开发中使用less 然后在使用第三方工具编译 sublime自带了编译工具 less2cssSublime Text 2的Less2Css插件介绍与安装http://www.tuico... 阅读全文
posted @ 2015-03-12 14:47 椰树飘香 阅读(137) 评论(0) 推荐(0)
sass
摘要：在线转换器 http://sassmeister.com/http://www.ruanyifeng.com/blog/2012/06/sass.html一、什么是SASSSASS是一种CSS的开发工具，提供了许多便利的写法，大大节省了设计者的时间，使得CSS的开发，变得简单和可维护。本文总结了SA... 阅读全文
posted @ 2015-02-13 16:57 椰树飘香 阅读(207) 评论(0) 推荐(0)
火狐不支持background-position-y写法
摘要：火狐不支持background-position-y写法 阅读全文
posted @ 2015-01-28 15:35 椰树飘香 阅读(100) 评论(0) 推荐(0)
css3动画学习笔记
摘要：如需在 CSS3 中创建动画，需要学习 @keyframes 规则。Internet Explorer 9，以及更早的版本，不支持 @keyframe 规则或 animation 属性。当您在 @keyframes 中创建动画时，请把它捆绑到某个选择器，否则不会产生动画效果。请用百分比来规定变化发生... 阅读全文
posted @ 2015-01-07 14:44 椰树飘香 阅读(167) 评论(0) 推荐(0)
css3 animate
摘要：http://daneden.github.io/animate.css/ 阅读全文
posted @ 2014-12-25 15:58 椰树飘香 阅读(112) 评论(0) 推荐(0)
你需要知道的CSS3 动画技术
摘要：译自：你需要知道的CSS3 动画技术 译自：What You Need To Know About Behavioral CSS 请尊重版权，转载须注明本站链接！译序：本文译自Smashingmagazine，但是原文讲述的内容有些浅，也不是很完整，前端观察在翻译的前提下，增加了更多的更系统的内容。... 阅读全文
posted @ 2014-11-28 22:31 椰树飘香 阅读(155) 评论(0) 推荐(0)
css 预处理 优缺点
摘要：http://www.zhihu.com/question/20300388http://www.oschina.net/question/12_44255 阅读全文
posted @ 2014-11-28 16:31 椰树飘香 阅读(346) 评论(0) 推荐(0)
css小数转换（转）
摘要：http://www.auiou.com/relevant/00000430.jsp在IE6.0字体设定为中的时候，如果字体未做任何CSS设定或者元素的设定，默认的字体是12pt，或者16px，或者1em，或者font size=3。em、px、pt的换算关系如下：1em=16px1em=12pt1... 阅读全文
posted @ 2014-11-19 13:40 椰树飘香 阅读(349) 评论(0) 推荐(0)