随机数方法是javaScript中经常使用的一种方法。 例如，需要在屏幕上的一个随机位置显示一幅图像，编写的小游戏要扔骰子等。javaScript中Math对象的random()方法生成0-1之间的随机数，它的随机数...

CSS ellipse()函数是一个图形函数，用于指定某种基本图形<basic-shape>类型。ellipse()函数用于定义一个椭圆形。 CSS <basic-shape>代表一种基本图形，它通过图形函数来定义一个图...

CSS scale()函数用于在二维空间中对一个元素进行缩放。 scale()函数的语法如下： transform: scale(<number> [, <number>]?); scale()函数用于缩放一个元素。它接收一个或两个...

CSS scaleZ()函数函数用于在Z轴方向上缩放元素。 scaleZ()函数的语法如下： transform: scaleZ(<number>); scaleZ()函数用于在Z轴方向上缩放元素。它接收一个无单位的<number>...

CSS rgba()函数扩展了RGB颜色模式，它包含了阿尔法通道，允许设定一个颜色的透明度。 在CSS中，颜色也可以使用rgba()函数来表示。rgba()颜色扩展了RGB颜色模式，它包含了阿尔法通道，允许设定...

在HTML5中新增了许多新特性，其中placeholder就是其中之一。placeholder属性规定可描述输入字段预期值的简短的提示信息。该提示会在用户输入值之前显示在输入字段中。 placeholder属性适用于下...

CSS :only-of-type伪类选择器用于匹配父元素中没有相同类型的唯一子元素。 例如，如果有下面的一段HTML代码，使用p:only-of-type规则可以匹配<article>元素中的p段落元素： <articl...

CSS :focus伪类选择器用于匹配当前获取焦点的元素，这个元素通常是表单元素，通过键盘tab键或用户鼠标点击使其获取焦点。 <input>、<button>和<textarea>等表单元素可以通过...

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

我们经常需要对元素进行排序，例如在一个商城网站中，用户需要按价格的高低对商品进行排序等。javaScript中提供了一个sort()方法用于排序操作。但是原生的sort()方法是有局限性的：它默认是按Un...

CSS ::first-letter伪元素用于选择一段文字中第一行文字的第一个字母，它要求文字所在的行之前没有其它内容（如图片和内联表格等）。 ::first-letter伪元素不会选择内联元素的第一个字母。也就...

我们在看电影时经常能够看到一些炫酷的打字机效果，用于显示一些地名或剧情简介。我们在网页中也能够实现类似的效果，目前网上已经有很多打字机效果的插件，如轻量级响应式jQuery打字机特效插件...

CSS ::first-line伪元素用于选择一段文字中第一行文字。 ::first-line伪元素不会选择内联元素的第一行文字。也就是说，::first-line属性对于display: inline的元素无效，它只对display属性为bl...

CSS rotate3d()函数用于在3D空间中对元素进行旋转。 rotate3d()函数的语法如下： transform: rotate3d( <number> , <number> , <number> , <angle> ); 元素旋转的...

CSS translateX()函数用于在二维空间中沿X轴移动一个元素。 translateX()函数的语法如下： transform: translateX( tx ); translateX()函数用于将元素沿X轴方向移动。tx使用<length&g...

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