passion

display: grid; 相关内容 区别于 flex; column 和 row 两个方向进行设置; flex 只可以设置 column 单个方向 <!-- 均以此为示例 --> <style type="text/css"> .wrapper { background: #333; display: grid; } .wrapper > div { padding: 1em; } </style> <div class="wrapper"&g

BFC[Block Format Context]: 块级格式上下文 BFC 就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。反之也如此。 margin边距-塌陷 边距为正，取最大值 边距为负，取绝对值最大 边距一正一负，取和 原因: 在同一个BFC中，所以重叠 解决思路: 修改容器为单独的BFC 垂直方向塌陷 <style type="text/css"> .top { width: 200px; height: 200px; background:

斐波那契数列 数学上是以递归的形式实现: F(0) = 0 F(1) = 1 F(n) = F(n-1)+F(n-2) 公式版 function fib(n) { if (n < 2) { return n === 0 ? 0 : 1 } return fib(n-1) + fib(n-2) } JS function fib(start, end, n) { if (n === 0) { return start } return fib(end, star.

对于html自适应的解决 利用纯css解决 使用media属性去完成 本人只是简单使用,如若错误忘交流 注意: 此文只描述简单的screen, 其他可自行斟酌学习 HTML5添加meta 开发者利用meta属性为viewport 去控制适应设备的问题 ‘width=device-width’ 根据设备去适应宽度 ‘initial-scale=1’ 网页缩放级别(初始加载时候) 如果网页...