HTML5/CSS3共111篇 第4页
::before | CSS属性参考-易微帮

::before | CSS属性参考

CSS ::before伪元素用于在被选择的元素之前插入由content属性指定的内容。 ::before伪元素是一个虚拟元素,它默认是内联元素。它通常配合content属性来一起使用,content属性为该虚拟元素提供...
宇凡的头像-易微帮宇凡2年前
3260
:left | CSS属性参考-易微帮

:left | CSS属性参考

CSS :left伪类选择器用于匹配被打印文档的所有左侧的页面。 当使用左右两侧的方式来打印页面(例如打印一本书)的时候,左侧的页面和右侧的页面是不同的。:left伪类选择器用于和@page结合使用...
宇凡的头像-易微帮宇凡2年前
3420
CSS属性参考 | word-break-易微帮

CSS属性参考 | word-break

CSS word-break 属性用于指定如何在一个单词内进行断行。 默认情况下,容器中的一行文本如果非常的长,在文本到达容器的边部时,如果容不下整个单词,则从这个单词开始的剩余文字会被断行到下...
宇凡的头像-易微帮宇凡2年前
2900
JavaScript中的归并方法-易微帮

JavaScript中的归并方法

ECMAScript5为数组定义了2个归并方法:reduce()和reduceRight()。这两个方法都会迭代数组的随意项,然后构建一个最终返回的值。reduce()方法从数组的第一项开始,逐个遍历到数组的最后。reduceR...
宇凡的头像-易微帮宇凡2年前
2930
rgb() | CSS属性参考-易微帮

rgb() | CSS属性参考

CSS rgb()函数使用红绿蓝(RGB)模式来定义颜色。 任何其它颜色都可以通过红绿蓝三种颜色的混合来得到。rgb()函数的参数可以是3个0-255之间的整数,或0-100%之间的百分比数。例如:rgb(255,0,0...
宇凡的头像-易微帮宇凡2年前
3690
translate3d() | CSS属性参考-易微帮

translate3d() | CSS属性参考

CSS translate3d()函数用于在3D空间中移动元素。 translate3d()函数的语法如下: transform: translate3d( tx , ty, tz); translate3d()函数用于在3D空间中移动元素。参数tx和ty可以是<...
宇凡的头像-易微帮宇凡2年前
3610
CSS属性参考 | z-index-易微帮

CSS属性参考 | z-index

CSS z-index 属性用于指定同一个父元素中的同级子元素的堆叠顺序(z-order)。 当同级子元素相互重叠的时候,z-index决定哪一个元素会显示在最上方。通常z-index值较大的元素会遮盖值较小的元...
宇凡的头像-易微帮宇凡2年前
3090
scale3d() | CSS属性参考-易微帮

scale3d() | CSS属性参考

CSS scale3d()函数用于在三维空间中对一个元素进行缩放。 scale3d()函数的语法如下: transform: scale3d(<number>, <number>, <number>); scale3d()函数用于在三维空间...
宇凡的头像-易微帮宇凡2年前
2540
skewX() | CSS属性参考-易微帮

skewX() | CSS属性参考

CSS skewX()函数用于在二维空间中沿X轴对一个元素进行倾斜。 skewX()函数的语法如下: transform: skewX(<angle>); skewX()用于在X轴方向上倾斜元素。它接收<angle>值参数。如...
宇凡的头像-易微帮宇凡2年前
3320
如何使用JavaScript来判断是否为移动设备-易微帮

如何使用JavaScript来判断是否为移动设备

由于移动设备的显示屏幕相对于桌面显示器来说小很多,在桌面显示器上能够正常显示的内容,到了移动设备中就不正常了。为了实现移动端和桌面端的相互跳转,我们可以通过JavaScript来判断当前的设...
宇凡的头像-易微帮宇凡2年前
3300
:first-of-type | CSS属性参考-易微帮

:first-of-type | CSS属性参考

CSS :first-of-type伪类选择器用于匹配元素的所有子元素类型中第一个出现的子元素。 换句话来说。:first-of-type伪类选择器匹配父元素中第一次出现的某类子元素的第一个元素,例如: <art...
宇凡的头像-易微帮宇凡2年前
3610
rotateY() | CSS属性参考-易微帮

rotateY() | CSS属性参考

CSS rotateY()函数用于在三维空间中沿Y轴旋转一个元素。 rotateY()函数的语法如下: transform: rotateY(<angle>); 它实际上等效于: transform: rotate3d(0, 1, 0, <angle>...
宇凡的头像-易微帮宇凡2年前
5140
通过HTML5 FileReader实现上传图片预览功能-易微帮

通过HTML5 FileReader实现上传图片预览功能

在上传图片到服务器之前,我们希望可以预览一下要上传的图片。这个功能可以通过HTML5 的FileReader()方法来实现。 FileReader是HTML5 File API的一部分。它实现了一种异步文件读取机制。可以把...
宇凡的头像-易微帮宇凡2年前
2630
通过jquery获取上传文件的名称、类型和大小-易微帮

通过jquery获取上传文件的名称、类型和大小

在文件上传到服务器之前,我们可以通过jquery来获取上传文件的名称,类型和尺寸大小。 通常情况下,当用户通过<input type='file'>标签来上传文件时,我们可以看到上传文件的名称。HTML5...
宇凡的头像-易微帮宇凡2年前
3000
:invalid | CSS属性参考-易微帮

:invalid | CSS属性参考

CSS :invalid伪类选择器用于匹配指定类型的取值无效的<input>元素。 例如一个email输入框元素(<input type='email'>),如果这个输入框中的值为无效的email地址,那么它就可以被:...
宇凡的头像-易微帮宇凡2年前
4370
CSS属性参考 | word-wrap-易微帮

CSS属性参考 | word-wrap

CSS word-wrap 属性用于指定当一个较长的字符串到达其父容器的边界时,为了防止字符串溢出容器之外,浏览器是否允许在这样的字符串中间进行断行。 word-wrap属性原本属于微软的一个私有属性,...
宇凡的头像-易微帮宇凡2年前
3560