摘要:
map() 方法返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组。 语法EDIT array.map(callback[, thisArg]) 参数EDIT 返回值 由回调函数的返回值组成的新数组。 描述EDIT map 方法会给原数组中的每个元素都按顺序调用一次 callback 阅读全文
摘要:
http://www.jianshu.com/p/3c95915b19e5 阅读全文
摘要:
网页布局(layout)是CSS的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C提出了一种新的方案 Flex布局,可以简便、完整、响应式地实现各种 阅读全文
摘要:
1 /* http://meyerweb.com/eric/tools/css/reset/ 2 v2.0 | 20110126 3 License: none (public domain) 4 */ 5 6 html, body, div, span, applet, object, iframe, 7 h1, h2, h3, h4, h5, h6, p, bl... 阅读全文
摘要:
如何使用? 这是rem布局的核心代码,这段代码的大意是:如果页面的宽度超过了640px,那么页面中html的font-size恒为100px,否则,页面中html的font-size的大小为: 100 * (当前页面宽度 / 640) 于是,问题来了,为什么要这样?别急,我先来一一回答 最终页面代码 阅读全文
摘要:
1 31、有趣的& 2 3 .amp { 4 font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif; 5 font-style: italic; 6 font-weight: normal; 7 } 8 9 10 32、大字段落 ... 阅读全文
摘要:
1 1、垂直对齐 2 3 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,可以很优雅的解决这个困惑: 4 .verticalcenter{ 5 position: relative; 6 top: 50%; 7 -webkit-transform: translateY(-50%); 8... 阅读全文
摘要:
用 CSS 隐藏页面元素有许多种方法。你可以将 opacity 设为 0、将 visibility 设为 hidden、将 display 设为 none 或者将 position 设为 absolute 然后将位置设到不可见区域。 这篇教程将覆盖到那些你需要记住的细小不同点,让你根据不同情况选择上 阅读全文
摘要:
1、contain 模式:以内容中心为基点按照视觉稿的宽高比缩放以适配窗口显示全页面内容,窗口与内容的宽度比或高度比之间较小者缩放填满窗口,当窗口宽高比和视觉稿不同时,另一方向的两侧出现留空部分。 2、cover 模式:以内容中心为基点按照窗口的宽高比等比缩放以适配窗口,窗口与内容的宽度比或高度比之 阅读全文