发 送

在线教程

  • css flex layout items

    ... ），而不是在一个块格式化上下文（BFC）中。 一个弹性项的display值会被块级化（blockified）：如果弹性容器中的项目的display指定值为行内级（inline-level）的，则被计算为相应的块级（block-level）。 ... 一个弹性容器只有一个弹性行（flex line），动态collapsing或uncollapsing项目将确保对弹性容器的cross-size没有影响，不会导致其余页面布局的“晃动”。 塌缩后弹性行将重新包装，但是，多行弹性容器的cross ...

  • css bfc

    ... block容器，在外部以inline-level box的身份参与IFC（并不会生成一个IFC），其内部被当作一个block box来格式化，因此将生成一个BFC来约束其内部元素的排版。参考阅读：W3内联级别规范 BFC有什么用途 例子1：使用BFC构建自适 ... 总之，我们只要记住： BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。反之亦然。 当BFC外部存在浮动时，它不应该影响BFC内部Box的布局，BFC会通过收缩自动避让开浮动块。当BFC内部有浮动时，为了不影 ...

  • css animations

    ... ） iteration-count: infinite （无限循环） direction: alternate （交替往返） fill-mode: both（填充模式同时应用backwards和forwards规则，后面会详细说明） @keyframes 在“电影开拍”之前，我们得创建“剧本” ... 后 None: 动画样式不会影响默认样式 缺省为红色 从蓝变绿 变回缺省红色 Forwards: 动画结束时的样式被保持到动画结束后 ...

  • css background

    ... image 只用来定义使用哪张图片。 需要记住的是，HTML元素并不受背景图片大小的影响，即使背景图片大于HTML元素，元素也不会调整大小来适应背景图片。因为背景图片是一种辅助的修饰性属性，而不是内容。 HTML图片　< ... .1规范所定义，而后面3个为CSS3新增语法。属性定义顺序和格式如下： background-size: [background-color] [background-image] [background-repeat] [background ...

  • css flex layout alignment

    ... 的基于关键字的项目对齐。 这些属性使得一些常用的对齐方式变得极其简单，比如水平、垂直居中，而这在CSS2.1中实现起 ... content: flex-start | flex-end | center | space-between | space-around justify-content属性应用在弹性容器上，把弹性项沿着弹性容器的主轴线对齐。该操作发生在弹性长度 ... 行（Lines）。 请注意，此属性对单行弹性容器没有任何影响，因为单行会自动拉伸来填充弹性容器空间，不会有剩余 ...

  • html canvas synthesis

    ... 。 全局阿尔法值 在画布上进行绘图之前，它会应用一个与globalAlpha属性相匹配的阿尔法值。赋给globalAlpha的值必须在0.0（全透明）与1.0（不透明）之间，默认值是1.0。简单地说，globalAlpha属性会影响将要绘制的对象的透明度。例如，可以按照以下方式绘制一个半透明的正方形： context.fillStyle = "rgb(63, 169, 245 ...

  • css ifc

    ... 包含单个字符，或word-breaking机制被禁用，或该行内框受white-space属性值为nowrap或pre的影响），那么这个inline box将溢出这个line box。 上面的术语可能会看得有点迷糊， ... 介绍的BFC和IFC之外，CSS3还引入了新的布局方式及其所生成的格式化上下文，包括grid layout所对应的GFC（grid formatting context）和flex layout所对应的FFC（flex formatting context），我们将放在CSS进阶课 ...

  • html formatting

    ... 浏览器解释文档内容，不会被显示。 代码注释 用于提高代码可读性，也不会被显示。 此外，还有一些格式化代码也会被浏览器忽略，包括： 换行（line-breaks） 空行（empty lines） 缩进（tabulations/indentation） 换行（Line-breaks） ... Web的一个设计原则是包容性，如果业界习惯性的误用了某个符号，而支持它不会有什么坏的影响，那么就应该兼容。 缩进（Tab）和多个空格 “Tab” 按键以及多个空格在编辑器中通常用来对齐代码 ...

  • css text properties

    ... 本排列到右边。 center：把文本排列到中间。 justify：实现两端对齐文本效果。 这些值对应于Microsoft Word 或 Photohop工具栏中的对齐按钮： 不推荐使用 justify。这个值用于等宽文本打印，由于它会拉 ... 伸文本来实现两端对齐，这通常会影响CSS中定义的文本字符间距（letter-spacing），各个浏览器的处理方式并不一致。而且可读性不好。 text-align 的默认值是 start。start 可以是 ...

  • html canvas animation basic

    ... 一个额外的animate函数调用即可。 这些实际上都还不会对动画循环产生影响。要想控制播放，需要在setTimeout方法前面添加一个条件语句。 if (playAnimation ... 后面的两个加号表示在现有值上增加1。该行代码也可通过以下方式来表示： x = x + 1; 第二行代码是清除过程，可 ... 通过基本动画移动一个正方形 如果一切正常，你应该看到一个黑色的小正方形在画布上移动。单击Stop按钮 ...

推广服务（新）
最新文章

  • 实时光线追踪技术简介

    实时渲染视频级别的计算机三维图形是计算图形领域的终极目标，与现在普遍使用的光栅化渲染技术相比，光线追踪普遍被视为视觉技术的未来方向，可带来近乎真实的真...

  • 生成本地npm包

    1、创建一个文件夹，此处我的文件夹名字为test-my-pack

    2、在文件根目录初始化npm，可以一路回车
    npm

  • Oculus Go手柄（控制器）使用说明

    Oculus Go是Facebook的一体式、3Dof VR眼镜，其手柄（即控制器）功能很简单。
    电池安装
    配对控制器
    下载 Oculus 应用（这个需要手机科学上网）并...

  • 基于elementUI封装自己的UI组件库

    初始化 project这里我们使用官方的 vue-cli 初始化一个 Vue 项目npm

  • three.js添加场景背景和天空盒（skybox）

    本文我们介绍在three.js中如何给3D场景添加背景，我们有3种方式来实现这个目的。通过html添加背景元素，这实际上一个2D背景；在three.js加载图片并设置为scene.b...

    • 更多...