发 送

在线教程

  • css flex layout alignment

    ... 同的尺寸，并依然遵循min-height/min-width/max-height/max-width属性的限制。 注意：如果弹性容器的高度被限制，该值可能会导致该项的内容溢出。 弹性项的顶部挨着容器的 ... 通过下面这个在线实例自己调试代码： 弹性基线（Flex Baselines） 弹性容器的基线确定如下（在使用orders属性重新排序后）： 主轴基线（main-axis baseline） 如果弹性容器 ...

  • css flex layout items

    ... ） 相邻弹性项的 margin 不合并。自动 margin 会在相应维度吸纳额外空间，可用于对齐和推开相邻弹性项。 弹性项的Z顺序（Z-Ordering） 弹性项的绘制和CSS2.1里定义的行内块（inline block）完全相同，除了把初始文档序替换成了修改后的文档序，而除了auto之外的z-index取值将创建一个堆栈上下文（stacking context ...

  • css flex layout overview

    ... inline layout），也叫内联布局，用来展示文本 表布局（table layout），用于以表格形式展现二维数据 定位布局，用于有非常明确位置的元素，无需考虑文档中的其他元素 本章节介绍一种新的布局 ... 按钮被强制推到每个条目的底部。 模块交互 该模块扩展了CSS2.1中display属性的定义，添加一个新的块级和新的行内显示类型，并定义一个新的格式化上下文类型（FFC）来控制其布局的渲染。在该模块中定义的属性 ...

  • css grid layout terms

    ... 之间的区域。 每个grid track都使用一个尺寸函数（sizing function）来控制行列可能延伸的宽高，以及和网格线边界的距离。 网格单元（grid cell） 和网格（grid）同义，表示由两个相邻列和两个相邻行网格线之间所限定的格子区域。 这是我们定位grid items时所引用的最小单位。 下面的例子中，有2列3行 ...

  • css ifc

    ... 的总宽度少于包含它们的line box时，其水平渲染规则由‘text-align’属性来确定，如果取值为‘justify’，那么浏览器会对inline-boxes（注意不是inline-table 和 inline-block ... 之后。 padding 会被插入到 "emphasized" 的前面和上下，以及 "words" 的后面和上下。 border 将绘制在 "emphasized" 的前面和上下，以及 "words" 的后面和上下。 IFC有什么用途 使用IFC布局规则 ...

  • css pseudo elements

    ... 形时使用了2个嵌套的DIV元素。那么使用伪元素可以节省一个DIV，内圆使用伪元素来替换。 伪元素默认是inline样式的，通过设置成绝对定位，可强制改变display为block，这样对其设置宽高才能生效。 本例使用伪类:after来实现内圆。 更多使用伪元素实现的巧妙交互动效，可直接在我们的主站 ...

  • css transform

    ... CSS转换（transition）或动画（animation）来简单的改变这些“几何”属性。 CSS变换（transforms）就是一系列用来增强控制元素“几何”属性的方法，通过CSS transforms，元素将具备强大的几何变换（甚至3D变换）功能： translate: ... 2个参数: 第一个参数代表x坐标轴位移，第二个参数代表y坐标轴位移。 位移功能的效果跟相对定位中通过 left 和 top 来移动元素位置类似。 在前面的例子环游动画中，我们通过在@keyframe中改变 ...

  • svg stroking

    ... -width、和stroke-linecap）即可。 SVG stroke-linejoin 属性 <stroke-linejoin> 属性用来定义线条连接类型，也就是两个线条交接点的外观。 可取值为：miter | round ... 百分比）数值列表 第一条虚线为长度5的线段+长度5的空白，如此反复，从起点X坐标5绘制到215。 第二条虚线类似，小段线段的长度为10。 第三条线型复杂一些：线段20+空白10+线段5+ ...

  • html canvas states

    ... 状态是什么 无论是在现实世界还是画布中，“状态”这个词都是用来描迷事物在特定时刻所处的状况。重要的是要抓住与所描述时间直接关联的对象状态。 例如，如果我要描述 ... 刚保存的状态。 恢复绘图状态 访问一个已有绘图状态与保存它一样简单，唯一的区别是这次调用的是restore。现在，如果你绘制另一个正方形，并且这次将fillStyle设置为蓝色，那么很快会看到画布绘图状态的好处： context.fillStyle = "rgb(0, 0, 255 ...

  • overview

    ... 性，在产品发布时，需要提供适用于多个平台的软件包以及补丁程序， 软件商必须招募不同平台背景的程序员来制作不同的应用，开发成本高昂，软件的发布、升级和维护十分麻烦，在穿越广域网时会遇到防火墙麻烦。 其优 ... 退出了移动互联网市场竞争。Silverlight基于.Net开发环境，平台支持有限。 HTML5不归属任何公司，而是开放的行业标准，注定会在竞争中胜出。 使用HTML5可以构建适应于各种设备（无论电脑、手机还是电视）的网页应用，拥有媲美PC/Android/ ...

推广服务（新）
最新文章

  • 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协议下，如果有人截获了你发送给服务器的报文，就能获取里面的信息，比如...

    • 更多...