HTML5/CSS3共111篇 第3页
使用jquery将彩色图片转换为黑白图片-易微帮

使用jquery将彩色图片转换为黑白图片

随着技术的发展,在网页中将一张彩色图片转换为黑白图片已经不是什么难事了。有很多种方法可以达到这种图片转换的效果,包括使用CSS3滤镜,HTML5 Canvas和jquery插件等。 使用jquery插件可以非...
宇凡的头像-易微帮宇凡2年前
3120
translateY() | CSS属性参考-易微帮

translateY() | CSS属性参考

CSS translateY()函数用于在二维空间中沿Y轴移动一个元素。 translateY()函数的语法如下: transform: translateY( tx ); translateY()函数用于将元素沿Y轴方向移动。ty使用<length&g...
宇凡的头像-易微帮宇凡2年前
4610
:not() | CSS属性参考-易微帮

:not() | CSS属性参考

CSS :not()伪类选择器是一个反向选择器,它用于匹配不是:not()参数指定的某类元素。 :not()可以接收的参数包括以下的类型: 类型选择器 class类选择器 id选择器 伪类选择器 属性选...
宇凡的头像-易微帮宇凡2年前
3710
:right | CSS属性参考-易微帮

:right | CSS属性参考

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

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

CSS :last-of-type伪类选择器用于匹配属于其父元素的特定类型的最后一个子元素的每个元素。 换句话来说,:last-of-type伪类选择器匹配父元素中最后一次出现的某类子元素,例如: <article...
宇凡的头像-易微帮宇凡2年前
3460
::after | CSS属性参考-易微帮

::after | CSS属性参考

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

HTML5 meta viewport参数简介

随着移动端的流行,在移动端对网站进行重构和开发势在必行。但是你只有了解了移动设备的meta viewport参数之后,才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。 viewport是什么...
宇凡的头像-易微帮宇凡2年前
2770
CSS属性参考 | width-易微帮

CSS属性参考 | width

CSS width 属性用于指定元素内容区域的宽度。 在WEB页面中,每一个元素都是一个规则的矩形,每一个元素都有一个矩形的盒模型。盒模型包括4个区域:content box(内容区域)、padding box(内边...
宇凡的头像-易微帮宇凡2年前
3550
使用HTML5和CSS3制作遮罩文字特效-易微帮

使用HTML5和CSS3制作遮罩文字特效

遮罩文字特效指的是文字下面的图片被文字层遮挡住,图片只在文字中显示。这种效果使用photoshop来制作是非常简单的。现在,Webkit内核的浏览器支持CSS3的background-clip属性,它能够完成和phot...
宇凡的头像-易微帮宇凡2年前
3320
:only-child | CSS属性参考-易微帮

:only-child | CSS属性参考

CSS :only-child伪类选择器用于匹配父元素中的唯一子元素。也就是说,它只会匹配是父元素中唯一子元素的元素。 例如如果有下面的一段HTML代码: <article> <p> Lore...
宇凡的头像-易微帮宇凡2年前
3140
了解jquery 3.0 中新的循环迭代语法-易微帮

了解jquery 3.0 中新的循环迭代语法

jquery 3+是最新版本的jquery,目前的最新版本为jquery3.1.1。从jquery3.0版本开始,jquery修改和引入了一些新的语法和功能,其中最重要的语法修改之一是迭代一个jquery对象集合,使用的新语法...
宇凡的头像-易微帮宇凡2年前
3010
:required | CSS属性参考-易微帮

:required | CSS属性参考

CSS :required伪类选择器用于匹配必须填写的表单元素。 必须填写的表单元素是指那些被添加required属性的表单元素。 可以被:required伪类选择器匹配的表单元素有:被添加required属性的<in...
宇凡的头像-易微帮宇凡2年前
2740
了解JavaScript Web Animations API-易微帮

了解JavaScript Web Animations API

Web Animations API为浏览器和开发人员提供了一种用于描述DOM元素动画的通用方法。实现网页DOM元素动画的方法有很多,最常用的是通过CSS3 transitions和CSS3 keyframes帧动画来实现。例如animat...
宇凡的头像-易微帮宇凡2年前
3100
:nth-child() | CSS属性参考-易微帮

:nth-child() | CSS属性参考

CSS :nth-child()伪类选择器基于索引来匹配父元素中的子元素。 :nth-child()伪类选择器的参数在W3C官方表示为an+b。an+b为一个公式. a,b为常量, n的取值是从0开始的整数。 如果将参数进行拆分...
宇凡的头像-易微帮宇凡2年前
3110
:root | CSS属性参考-易微帮

:root | CSS属性参考

CSS :root伪类选择器用于匹配代表文档根元素的元素。 在HTML4中,文档的根元素是指<html>元素。<html>元素是一个文档中所有其它元素的父元素。因此,:root伪类和html选择器指的是...
宇凡的头像-易微帮宇凡2年前
3170
:active | CSS属性参考-易微帮

:active | CSS属性参考

CSS :active伪类用于匹配被用户激活的元素。 :active伪类是一个当元素被用户激活的时候动态添加的类。它通常用于为被激活的元素设置样式。 :active伪类通常用来匹配tab键交互。通常用于但并不...
宇凡的头像-易微帮宇凡2年前
4730