在线教程

  • css ifc

    ... 隐藏字符的A 和 D遵循该元素的第一个有效字体。 关于line-height,我们在CSS行高对其实际使用语法有过介绍。 除了前面所介绍的BFC和IFC之外,CSS3还引入了新的布局方式及其所生成的格式化上下文,包括grid layout所对应的GFC(grid formatting context)和flex layout所对应的FFC(flex formatting context),我们将放在CSS进阶课 ...

  • css priority

    ... 样式。 这里提到的媒体类型是CSS2中一个非常有用的属性,通过media type我们可以对不同的设备指定特定的样式,从而实现更灵活多样的界面,CSS3的媒体查询(media query)是对媒体类型的一个增强,后面的课程会详细讨论。 常用的media type包括all/screen/print,可以通过如下的方式定义: <link href="style.css ...

  • css pseudo classes

    ... 用,因为聚焦是这类元素最基本的交互行为。 .form-input{ border: 2px solid grey; padding: 5px;} .form-input:focus{ background: lightyellow; border-color: blue; outline: none;} :checked :checked伪类是CSS3引入的一个很棒的状态选择器,用来表示选择框(radio box、check box或options)的选中状态。 有些读者可能会 ...

  • css transitions

    ... 则(样式)之间的切换 本特性是实验性的本特性相关的W3规范尚未被最后确定。使用时请检查浏览器兼容表以及属性的浏览器前缀。尽管CSS3的一些高级特性没有被最终确定,但在Chrome/Safari/Firefox等现代浏览器上已经得到了广泛的支持。使用这些特性时,只要在目标设备上做好兼容性测 ...

  • html canvas gradient

    ... 背景使用时。我们应该考虑使用其他的方法,如专门用来完成这个任务的CSS3渐变背景。 $(document).ready(function () { var canvas1 = $("#canvas1"); var context1 = canvas1.get(0).getContext("2d"); var gradient1 = context1.createLinearGradient(0, 0, 0, canvas1.height ...

  • js basics

    ... 态脚本语言 HTML用来组织网页的内容,CSS用来定义网页的外观,而JavaScript(简称JS)的设计本意是想给网页加入一些交互动效。 尽管如同我们在CSS3进阶章节中讲述到的,CSS也开始提供一些交互和动画特性,比如伪类:hover,就是一种描述用户鼠标悬停在元素上的交互状态。 但是这些特性 ...

  • svg feoffset

    13.2 SVG投影效果(Drop Shadow) SVG使用投射偏移结合模糊特性来实现阴影特效 SVG <feOffset> SVG的投影效果和CSS3的drop-shadow属性类似。 实例代码1 - 简单投影 代码解释 上述代码定义了1个矩形(rect)元素和2个滤镜元素feOffset ...

  • svg filters_intro

    ... 用来给SVG图形添加特效 从本章开始,我们学习SVG的一些高级功能,包括过滤器(Filter)、渐变(Gradient)。SVG还支持动画特性,但我们推荐使用CSS3的动画,所以这里不做讲解。 SVG 过滤器元素 SVG过滤器(也称为滤镜)用来给SVG图形添加特效,和PS软件中的滤镜效果类似。SVG中可用的过 ...

  • svg grad_linear

    13.3 SVG线性渐变(Linear Gradient) 渐变是颜色之间的过渡 SVG 渐变 和CSS3一样,SVG也支持渐变,渐变就是从一个颜色到另外一个颜色的平滑过渡,SVG支持单个元素使用多个渐变。渐变方式有两种:线性和径向。 ...

推广服务(新)
最新文章
  • php curl大文件上传遇到502或504错误

    使用php的curlfile上传大文件到远端服务器,遇到502错误。原因可能是超时或者内存超出,需要修改nginx、php.ini和php-fpm.conf中的一些配置。修改php.ini(注意c...

  • HTML、JavaScript和GLSL编码规范

    HTML编码规范

    • 始终将文档类型声明为文档中的第一行:

  • WebGL 2D纹理坐标到3D顶点坐标的映射

    webgl纹理映射用来把图片贴到模型的材料表面,给模型添加丰富的细节。该方法的核心是把一张二维的图片映射到三维的坐标空间去,也就是为每一个3d顶点找到其相应...

  • WebXR基本概念和应用程序开发简介

    XR是VR,AR和MR的统称,VR,AR是从感官体验的角度来区分的,
    VR是用户借助外设输入输出(头戴、手柄、体感、运动感知等软硬件系统)来和纯虚拟场景的交互体验...

  • 网站SSL安全证书认证的基本过程和原理

    现在的网站基本上都迁移到了https协议上,https是http协议的安全升级版本。在原来的http协议下,如果有人截获了你发送给服务器的报文,就能获取里面的信息,比如...

  • 更多...