随笔分类 -  尝试新东西——html5&css3

摘要:最近做了一些pc端的页面,用了一些动画效果,总的来说感觉还不错,大概记录下一些体会 首先,我们把pc端的动画类型分三类: javascript和jQuery直接控制dom属性 css3的属性transition css3的animation 这三类是我目前主要使用的动画效果制作来源 ... 阅读全文
posted @ 2014-08-19 11:55 小斯新手 阅读(1134) 评论(0) 推荐(0)
摘要:首先是新添的input类型: (新型类型内自带了格式检测,不过要在提交的时候才有提示,不会即时显示) 新添表单元素 新添表单属性 阅读全文
posted @ 2013-09-25 17:39 小斯新手 阅读(239) 评论(0) 推荐(0)
摘要:参考资料:http://c7sky.com/dive-into-flexbox.html http://www.w3.org/html/ig/zh/wiki/Css3-flexbox/zh-hans转载请注明出处:http://www.cnblogs.com/yansi/p/3335916.html恩,这两日做了一个小小的项目,只需要做chrome上的效果就好,喜大普奔啊,果断就用上了仰慕已久的flexbox,弹性布局。但是事实上,使用起来还是需要实现有一定的理解的,因为有的地方稍稍有些和传统布局不一样 恩,这篇文章是基于chrome的写法,firefox的话差不多,ie10和ie11可以在. 阅读全文
posted @ 2013-09-23 23:37 小斯新手 阅读(1299) 评论(0) 推荐(0)
摘要:之前有听到同学问css3相关方面的笔试题,用css3实现一些css2比较麻烦的布局,需要实现的是这样一个功能。其实这里还是有多重实现方式的一:使用css3的宽度计算功能我看到上面这个第一反应就是css3的数值可以计算!但是记得不太清楚了,具体怎么计算的还是需要网上查查,恩,结果就是这个样子的:直接定义后面的宽度就好,这样子很方便,也很好理解ps:值得注意的是,如果item不使用float布局的话,要考虑一个字符大小的问题,因为div之间是有空格的,所以需要把字符大小改为0,但是safari有默认的最小字符大小,所以如果需要紧靠在一起的话,还是用float好一点二:使用弹性框(flexbox)如 阅读全文
posted @ 2013-09-17 16:12 小斯新手 阅读(247) 评论(0) 推荐(0)