摘要： 一般的投影效果，尤其通过CSS实现的投影效果（无论是CSS3，还是IE滤镜），都是直来直往的。纸张是有卷角的，其投影就是曲面的，如何使用CSS模拟出纸张的卷边曲线投影效果。 .curved_box { display: inline-block; *display: inline; width: 2 阅读全文

摘要： textarea有一个不足就是不能像普通div标签一样高度可以跟随内容自适应,使用普通的div标签模拟textarea文本域，同时又利用了div标签的高度自适应性。于是，textarea文本域的高度自适应效果就可以轻松实现。 阅读全文

摘要： 表单以弹窗的形式弹出时,若设置了表单的div:display:table下,安卓打开页面输入法的时候,表单顶到屏幕顶部之后,再也无法上滑,键盘遮住了下面的输入框。在ios下,一切显示正常,因为iOS会自动将输入框居中到显示的区域,那么这种情况下怎么办呢? 解决方案:将display:table改成d 阅读全文

摘要： ios11发布后，测试人员反馈回来，键盘弹起时，input光标会定位不准。 后来查了资料，原来是position：fixed，和input一起使用会出现的bug。应该来说，是fixed在移动端支持不怎么好。 解决方案是弹出表单时,给body加一个高度 让整个页面等于可视区大小,这样既解决了弹出表单后 阅读全文

摘要： 一、display:table-cell属性简述 二、display:table-cell与大小不固定元素的垂直居中 三、display:table-cell与两栏自适应布局 四、display:table-cell下的等高布局 阅读全文

摘要： :after伪类+content 清除浮动的影响 :after伪类+content 让大小不固定图片垂直居中 阅读全文

摘要： OOCSS样式:一个主class，包含所有的共同规则，然后一个独特的规则使用其他class ... @extend样式:将所有的独特class归为一个，逗号分隔的使用公用属性的class列表。 ... 长(肿胀)样式：所有的公共样式都分离到独一无二的class中。 ... 测试结果 类(class) 阅读全文

摘要： HTML片段 检索自定义属性的价值 此属性还可以用在CSS中，例如下面这个有些傻里傻气的CSS文字改变的例子： 阅读全文

摘要： 你发现自己多久匆匆编写一些正则表达式验证一个特定的文本。 多亏了新的pattern属性，我们可以在标签处直接插入一个正则表达式。 如果你熟悉正则表达式，那么应该清楚[A-Za-z]{4,10}表示接受4-10位不区分大小写的英文字母。 如果浏览器支持pattern属性，则提交表单时，如果文本框中的内 阅读全文

摘要： HTML代码：<ul id="edit" contenteditable="true"> <li>修改我吧，然后刷新页面看看，^_^</li> </ul>JS代码：var edit = document.getElementById("edit"); edit.onblur = function() 阅读全文