tag·CSS

元素的水平垂直居中 at: 2019-10-12
已知元素宽高margin负值 + 绝对定位优点：兼容性好。 缺点：需提前知道元素的尺寸，否则需借助JS获得。 .child { width: 600px; height: 400px; position: absolute; left: 50%; top: 50%; margin-top: -200px; /* 高度的一..

如何disabled禁用所有表单input输入框元素 at: 2019-10-09
参考：如何disabled禁用所有表单input输入框元素 pointer-events:none和覆盖层方法的问题经常会遇到需求，需要禁用div中或者form元素中一堆表单控件元素，如<input>，<select>，<textarea>元素。 很多人用的下面这两种方法实现： 设置 pointer-events..

移动端 1px 像素问题及解决办法 at: 2019-10-09
一、为什么会有1px问题那么为什么会产生这个问题呢？主要是跟一个东西有关，DPR(devicePixelRatio) 设备像素比，它是默认缩放为100%的情况下，设备像素和CSS像素的比值。 window.devicePixelRatio = 物理像素 /CSS像素目前主流的屏幕DPR=2 （iPhone 8）,或者3 （iPhone 8 Plus）..

currentColor at: 2019-10-08
概念： 当前文字颜色 应用场景： background-color | border-color | gradient | box-shadow 参考： currentColor-CSS3超高校级好用CSS变量 border 和 box-shadow 默认的颜色就是当前的文字颜色，也就是类似 currentColor ； 其次，在IOS Safar..

readonly与disabled区别 at: 2019-10-08
readonly 和 disabled 它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别，总结如下： Readonly只针对input(text / password)和textarea有效，而disabled对于所有的表单元素都有效，但是表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个..