随笔分类 -  Html 5 and Css 3

摘要:Flex写起来省劲很多,只用加上flex wrap:wrap在container上。 "Html5 playground" 阅读全文
posted @ 2019-06-27 13:51 calochCN 阅读(184) 评论(0) 推荐(0)
摘要:近来想做html5游戏开发些小东西玩一下,因为手边就是笔记本,想怎么玩就怎么玩了,今年可以说是非常重要特殊的一年,感觉有些倒霉,不过,心态最重要,该怎么做的时候就去怎么做吧,日子的24小时是不会变的,不管能活多久。 游戏开发感觉不错,所以就刚看了一个碰撞检测canvas的来做,一段段代码弄下来试,成 阅读全文
posted @ 2017-08-06 21:26 calochCN 阅读(232) 评论(0) 推荐(0)
摘要:32款扁平化风格的UI工具包第二弹!上篇为大家分享了16款风格各异的UI Kits,下篇继续为大家呈上16款精美的UI工具包,全部都有Photoshop PSD文件可以下载哦,喜欢就赶紧收藏吧! 17、RAMPY FLAT UI KIT 这个工具包包含各种组件:日历、登陆页面、联系页面、图库、视频、 阅读全文
posted @ 2017-06-18 09:59 calochCN 阅读(876) 评论(0) 推荐(0)
摘要:1.html [watch out for the !js load sequence and the attribute of !rel stylesheet/less!] 2.less code 阅读全文
posted @ 2016-07-25 16:03 calochCN 阅读(250) 评论(0) 推荐(0)
摘要:1.html 2.style sheet 阅读全文
posted @ 2016-07-25 15:44 calochCN 阅读(229) 评论(0) 推荐(0)
摘要:http://www.chinaz.com/design/2015/1109/467968_2.shtml The golden ratio: 1.618 a/b=b/(a+b) The Fibonacci series: The perfect arc: The round circles 阅读全文
posted @ 2016-05-16 10:55 calochCN 阅读(147) 评论(0) 推荐(0)
摘要:CSS position:static:默认属性,静态定位relative:相对定位,相对于父元素的定位,需要配合top,left,right,bottom,z-index等属性absolute:绝对定位,相对于父元素的定位,需要配合top,left,right,bottom,z-index等属性f 阅读全文
posted @ 2016-05-04 21:22 calochCN 阅读(143) 评论(0) 推荐(0)
摘要:实现思路: 外层用一个table,里面写好Header,然后里面再写一个table里面写好header.然后自己控制overflow的值使内部的tablemargin-top和外层的行高一致就可以实现看起来的固定表头了。 auto的计算方式为浏览器自动计算大小,可以在宽度和margin-left等处 阅读全文
posted @ 2016-04-20 19:08 calochCN 阅读(345) 评论(0) 推荐(0)
摘要:布局:两个div,上部内容将表头复制,高度固定,下部div内部将table设置为margin:-**px; 隐藏掉表头,下部div设置overflow,即可。 代码: 阅读全文
posted @ 2016-04-08 16:37 calochCN 阅读(226) 评论(0) 推荐(0)
摘要:jQuery插件开发入门 发表于 2014年05月23日 by 天涯孤雁 被浏览 20,897 次 2014-5-27 更新 Require.js中使用jQuery 插件请查看http://www.css88.com/archives/4826 感谢,huugle的留言; 扩展jQuery插件和方法 阅读全文
posted @ 2016-03-29 10:44 calochCN 阅读(307) 评论(0) 推荐(0)
摘要:响应式布局 responsive design @media 属性 bootstrap css 分析: @media (min-width:768px){ body{***} } use @media about the browser as a media [disabled] | :active 阅读全文
posted @ 2016-03-25 13:07 calochCN 阅读(49989) 评论(0) 推荐(3)
摘要:案例: 代码: 阅读全文
posted @ 2016-03-24 13:05 calochCN 阅读(1078) 评论(0) 推荐(0)
摘要:<button onclick="text1.scrollTop=text1.scrollHeight">滚动</button><br> cache the xmlhttprequest instance, if you want to use setinterval or settimeout. 阅读全文
posted @ 2016-03-13 22:42 calochCN 阅读(1817) 评论(0) 推荐(0)
摘要:http://www.daqianduan.com/example?pid=2959 animation, transition, transform or ani 2 trans 阅读全文
posted @ 2016-03-11 18:01 calochCN 阅读(159) 评论(0) 推荐(0)
摘要:http://blog.csdn.net/jia20003/article/details/9251893http://www.w3school.com.cn/cssref/pr_animation-direction.asp 阅读全文
posted @ 2015-09-07 10:01 calochCN 阅读(195) 评论(0) 推荐(0)