鬼鬼丫404 - 博客园

伸缩布局 — 打开布局天堂之门？

摘要： http://dev.oupeng.com/articles/flexbox-basics介绍HTML 与 CSS 的结合在很多地方是很棒的内容发布机制 ― 学起来很简单、适用性很高、很强大。然而在文档布局上它还尚未能堪称完美。如果你想要使用只有一两张浮动的图的简单文章布局那倒是没什么关系，但是要弄... 阅读全文

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

【心得总结】超炫CSS3动画制作网站 ----常用动画效果总结

摘要： http://eqxiu.com test 淡入淡出左移入右移入上移入下移入左弹入右弹入上弹入下弹入中心弹入中心放大光速进入测试光速飞入测试光... 阅读全文

posted @ 2015-03-12 10:42 鬼鬼丫404 阅读(199) 评论(0) 推荐(0) 编辑

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

摘要：涉及SASS将px转em 以及em怎么等比适配不同手机屏幕结构方面薰衣草小宝马 TA的活动倒计时8天13时8分您的好友XXXXX想买“100%澳洲薰衣草小宝马”，快来TA砍价吧，砍到多少是多少喔！帮TA砍一刀 Sass方面/*css reset*/*{box-sizing:conten... 阅读全文

posted @ 2015-03-12 09:55 鬼鬼丫404 阅读(197) 评论(0) 推荐(0) 编辑

【心得总结】关于px转em的总结计算公式///sass--mixin以及function//demo

摘要：一、px转em的计算公式1、如果元素自身没有设置字体大小，那么元素自身上的所有属性值如“boder、width、height、padding、margin、line-height”等值，我们都可以按下面的公式来计算：1 ÷ 父元素的font-size × 需要转换的像素值 = em值1、如果元素设置... 阅读全文

posted @ 2015-03-11 18:17 鬼鬼丫404 阅读(316) 评论(0) 推荐(0) 编辑

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) 编辑