对于元素间的空格，IE9以前的版本不会返回文本节点，而其他浏览器都会将空格当做是文本节点返回。这就导致了在使用childNodes和firstChild的属性时行为的不一致。为了弥补这一差异，而同时又保...

CSS :last-of-type伪类选择器用于匹配属于其父元素的特定类型的最后一个子元素的每个元素。 换句话来说，:last-of-type伪类选择器匹配父元素中最后一次出现的某类子元素，例如： <article...

CSS rotateX()函数用于在三维空间中沿X轴旋转一个元素。 rotateX()函数的语法如下： transform: rotateX(<angle>); 它实际上等效于： transform: rotate3d(1, 0, 0, <angle>...

由于移动设备的显示屏幕相对于桌面显示器来说小很多，在桌面显示器上能够正常显示的内容，到了移动设备中就不正常了。为了实现移动端和桌面端的相互跳转，我们可以通过JavaScript来判断当前的设...

CSS word-break 属性用于指定如何在一个单词内进行断行。 默认情况下，容器中的一行文本如果非常的长，在文本到达容器的边部时，如果容不下整个单词，则从这个单词开始的剩余文字会被断行到下...

CSS :invalid伪类选择器用于匹配指定类型的取值无效的<input>元素。 例如一个email输入框元素（<input type='email'>），如果这个输入框中的值为无效的email地址，那么它就可以被:...

CSS translate()函数用于在二维空间中移动一个元素。 translate()函数的语法如下： transform: translate( tx [, ty ]? ); translate()函数用于在水平或垂直方向上移动元素。它用向量[tx...

<!--默认选中--> <div class='layui-form-item layui-form'> <div class='layui-input-block'> <input lay-filter='used' type='checkbox' value='1' name=...

CSS :link伪类用于选择页面中的超链接元素，并为超链接设置样式。只有带有href属性的超链接元素才会被:link伪类匹配。 使用:link伪类时需要特别注意，只有带有href属性的超链接<a>元素才...

CSS circle()函数是一个图形函数，用于指定某种基本图形<basic-shape>类型。 CSS <basic-shape>代表一种基本图形，它通过图形函数来定义一个图形。一个基本图形可以作为shape-outs...

在浏览一些网站时，我们经常可以看到各种各样的返回顶部按钮。所谓的返回顶部按钮，是指用户向下滚动页面一段距离之后，点击这个按钮可以快速的返回到页面的顶部。 对于一些内容很多的页面，为...

随着技术的发展，在网页中将一张彩色图片转换为黑白图片已经不是什么难事了。有很多种方法可以达到这种图片转换的效果，包括使用CSS3滤镜，HTML5 Canvas和jquery插件等。 使用jquery插件可以非...

CSS :nth-child()伪类选择器基于索引来匹配父元素中的子元素。 :nth-child()伪类选择器的参数在W3C官方表示为an+b。an+b为一个公式. a,b为常量, n的取值是从0开始的整数。 如果将参数进行拆分...

CSS rotateY()函数用于在三维空间中沿Y轴旋转一个元素。 rotateY()函数的语法如下： transform: rotateY(<angle>); 它实际上等效于： transform: rotate3d(0, 1, 0, <angle>...

在提交表单数据到服务器之前，通常需要在客户端进行一次验证，以确保用户提交数据的有效性。 通过jquery，我们可以对用户填写的Email地址进行验证。下面的代码片段完成了对Email表单字段的验证...

CSS word-spacing 属性用于指定单词之间的距离。 word-spacing属性用于增加或减少某段文字中，单词于单词之间的距离。通过该属性增加的值会以默认的单词距离为基础进行增加。 word-spacing不...