Flexbox(伸缩布局盒) 是 CSS3 中一个新的布局模式,为了现代网络中更为复杂的网页需求而设计。本文将介绍 Flexbox 语法的技术细节。浏览器的支持越来越快,所以当 Flexbox 被广泛支持并应用时你将会快人一步。如果你想知道它是什么并是如何工作的,不妨仔细了解下吧! 为什么需要伸缩布 ...
分类:
其他好文 时间:
2016-11-21 18:59:32
阅读次数:
226
点击返回顶部按钮,页面滑动形式回到顶部! HTML代码: <div id="ctop">回到<br>顶部</div> CSS代码: #ctop{width:45px; height:45px; position: fixed; left:50%; bottom:120px; border:solid ...
分类:
Web程序 时间:
2016-11-21 18:40:55
阅读次数:
172
CSS3径向渐变-radial-gradient()/repeating-radial-gradient() 径向渐变由它的中心定义。 创建径向渐变,至少定义两种颜色节点,呈现平稳过度的颜色。同时,你也可以指定渐变中心、形状(圆形或椭圆形)、大小。 默认情况下,渐变的中心是center(表示在中心) ...
分类:
Web程序 时间:
2016-11-21 12:27:56
阅读次数:
277
(1) margin负值能让没有宽度的盒子变大。 对于有宽度的盒子,没有浮动,只有margin-top 和margin-left 有效;如果浮动,margin-浮动方向 有效,-top有效,margin-bottom 无效。(不可能设置一个margin-bottom或者right=0px 盒子就到边 ...
分类:
Web程序 时间:
2016-11-21 08:35:53
阅读次数:
289
约翰的干草库存已经告罄,他打算为奶牛们采购H磅干草. 他知道N个干草公司,现在用1到N给它们编号.第i个公司卖的干草包重量为Pi磅,需要的开销为Ci美元.每个干草公司的货源都十分充足,可以卖出无限多的干草包. 帮助约翰找到最小的开销来满足需要,即采购到至少H磅干草. ...
分类:
其他好文 时间:
2016-11-20 21:24:45
阅读次数:
193
题目链接 http://acm.hdu.edu.cn/showproblem.php?pid=5992 Problem Description There are N hotels all over the world. Each hotel has a location and a price. ...
分类:
其他好文 时间:
2016-11-20 19:14:13
阅读次数:
286
目前网上有很多各种各样的手风琴插件,但是没有一个完整实现了的侧菜单,今天写了一个可以无限子节点的手风琴侧菜单,有需要的可以参考一下,有什么好的想法可以留言。(没有经过彻底测试,不过问题应该不大) 下面老规矩,直接贴代码: ...
分类:
Web程序 时间:
2016-11-20 18:39:10
阅读次数:
256
常见class关键词: 布局类:header, footer, container, main, content, aside, page, section 包裹类:wrap, inner 区块类:region, block, box 结构类:hd, bd, ft, top, bottom, lef ...
分类:
其他好文 时间:
2016-11-20 16:02:27
阅读次数:
280
Lifting the Stone Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others)Total Submission(s): 7674 Accepted Submission(s): 32 ...
分类:
其他好文 时间:
2016-11-19 13:10:23
阅读次数:
259