长宽比故事 长宽比在影视制作中又被称之为宽高比，指的是一个视频的宽度除以它的高度所得到的比例，通常表示为x:y或x×y，其中的冒号和叉号表示中文的“比”之意。目前，在电影工业中最常被使用的是anamorphic比例（即2.39:1）。传统的4:3仍然被使用于现今的许多电视画面上，而它成功的后继 ...

现代网站页面基本都需要响应式，一个div的长宽往往我们都设置为百分之多少，这个百分之是相对于父容器动态计算的 这样在浏览器宽度变化之后，我们的元素也能自动更新长宽。例如：我们在页面上摆了一个div，这个宽度设置为20%， 同时又要求div始终保持4：3的长宽比来显示，因为这样看上去可能美观一点 ...

化开发模式下对于CSS解决方案的要求 支持编写局部的css，css具备自己的局部作用域，不会污染 ...

说起换肤功能，前端肯定不陌生，其实就是颜色值的更换，实现方式有很多，也各有优缺点 一、可供选择的换肤 对于只提供几种主题方案,让用户来选择的,一般就简单粗暴的写多套主题 一个全局class控制样式切换,直接更改全局class 使用js去修改 link 的 href ...

举个例子：有一个订单系统，对外提供了一个处理接口，如果有个订单001是要扣除用户的100块钱，那么订单001被多次调用，也只会处理成功一次，也就是只会扣除用户100块。也可以理解为去除重复调用 ...

边框效果如下：鼠标移到下面方形，就有效果 要是没有效果，点这个：https://murenziwei.github.io/testGit/Untitled1.html 正如你所看到的，这边框颜色只用纯css3就做出来了，HTML忽略.. 要想做出此效果，就得深入理解css ...

css实现loading动画非常方便，也非常实用 第一种 第二种 第三种 第四种 ...

一般来说居中的话可分为水平居中与垂直居中，以下是我个人总结的几种方式 1.水平居中： inline元素：text-algin:center实现 block元素：margin：auto absolute元素：left:50%+margin-left:负该盒子宽度的一半（必须得 ...