2015年3月10日

SASS基础——十个常见的Mixins

摘要: http://www.w3cplus.com/preprocessor/ten-best-common-mixins.html从W3cplus最近的更新都可以看出我的学习新动向。是的,自从开始学习SASS之后,我喜欢上了SASS。因为他能让我的工作效率更快,同时让我更加节约出时间去做一些我自己喜欢的... 阅读全文

posted @ 2015-03-10 19:35 鬼鬼丫404 阅读(184) 评论(0) 推荐(0) 编辑

响应式设计:使用响应式字体

摘要: 本文由Spy根据Annarita Tranfici的系列教程《Understanding Responsive Web Design》之一《Responsive Web Design: Using Fonts Responsively》所译,整个译文带有我们自己的理解与思想,如果译得不好或有不对之处... 阅读全文

posted @ 2015-03-10 19:31 鬼鬼丫404 阅读(392) 评论(0) 推荐(0) 编辑

CSS中强大的EM 如何将width height margin padding转成响应的em

摘要: http://www.w3cplus.com/css/px-to-em总结长篇介绍了一大堆,唯一想告诉大家的是以下几点1、浏览器的默认字体大小是16px2、如果元素自身没有设置字体大小,那么元素自身上的所有属性值如“boder、width、height、padding、margin、line-hei... 阅读全文

posted @ 2015-03-10 19:30 鬼鬼丫404 阅读(856) 评论(0) 推荐(0) 编辑

Sass基础——如何让用SASS自动将PX转化为EM的 Mixin和@function

摘要: http://www.w3cplus.com/preprocessor/sass-px-to-em-with-mixin-and-function.htmlCSS单位是一个很意思的东西,到目前为止,CSS的单位不仅仅局限于em,px,pt,com,in...,还出现了新的单位,比如rem,vw,vh... 阅读全文

posted @ 2015-03-10 19:22 鬼鬼丫404 阅读(642) 评论(0) 推荐(0) 编辑

一个简单demo通过em实现‘响应式设计、em、文字图标svg’

摘要: 大多数网站所谓的响应式设计,只是在不同大小屏幕上能正常显示罢了,在大屏幕上显示全部页面,在小屏幕上隐藏一部分不重要的页面,这样的响应式设计 只是为了兼容pc和移动,但在移动上的效果却是很不理想的,隐藏掉的页面内容虽然不能看到,但却同页面一起加载,浪费资源流量,想想那蛋疼的3G能访问这 样的响应式网页... 阅读全文

posted @ 2015-03-10 18:25 鬼鬼丫404 阅读(194) 评论(0) 推荐(0) 编辑

【经验心得】弹性布局rem-----模板----320设计稿

摘要: dsakjmls多萨角度考虑时间你 阅读全文

posted @ 2015-03-10 17:51 鬼鬼丫404 阅读(129) 评论(0) 推荐(0) 编辑

SASS官方文档

摘要: http://www.w3cplus.com/preprocessor/sass-chinese-reference.html使用 Sass 已经有几个月的时间了,翻来覆去还是在用几个简单的功能,下决心好好学习一下,所以翻译了官方文档。翻译的过程也是学习与积累的过程,深入理解了几个复杂功能,同时也补... 阅读全文

posted @ 2015-03-10 16:57 鬼鬼丫404 阅读(289) 评论(0) 推荐(0) 编辑

Sass新手指南

摘要: http://www.cn-sass.com/%E8%AF%91%E6%96%87/the-absolute-beginners-guide-to-sass.htmlSass是一门非常优秀的CSS预处语言,他是由Hampton Catlin创立的。它可以减化CSS的工作流,使开发者更加容易开发,维护... 阅读全文

posted @ 2015-03-10 14:40 鬼鬼丫404 阅读(96) 评论(0) 推荐(0) 编辑

SASS中国

摘要: http://www.cn-sass.com/page/3/ 阅读全文

posted @ 2015-03-10 13:22 鬼鬼丫404 阅读(59) 评论(0) 推荐(0) 编辑

【心得总结】css3 动画 涉及单词总结

摘要: .hha{transition:transform .5s ease 1s;}.hha:hover{transform:scale(.5) translate(20px 20px);}transform rotate skew scale translatetransform-origintrans... 阅读全文

posted @ 2015-03-10 11:09 鬼鬼丫404 阅读(420) 评论(0) 推荐(0) 编辑

一些网站链接

摘要: http://www.w3cplus.com/css/css-architectures-principles-of-code-cleanup.htmlhttp://www.w3cplus.com/content/css3-multiple-backgroundshttp://www.w3cplus... 阅读全文

posted @ 2015-03-10 09:13 鬼鬼丫404 阅读(62) 评论(0) 推荐(0) 编辑

导航