发 送

在线教程

  • css grid layout explicit

    ... 作为min时，被视作0（或最小内容，如果网格容器有一个最小内容的尺寸约束）。 auto 作为max时，等同于max-content。作为min时，等同于min-content size。 CSS sizing level3规范中，和布局尺寸相关内容，经常会出现min-content size和max-content size以及contribution等术语： min-content inline size 最小内容行内尺寸表示在尽可能使用软性（即非 ...

  • css grid layout terms

    ... 内容建立一个GFC来负责空间渲染。 如果一个元素的display属性被指定为inline-grid，且该元素是浮动或绝对定位的，那么实际计算出来的display值为grid。 CSS 2.1 Display章节相应修订为： "Specified Value"列添加了inline-grid， "Computed Value"列添加grid。 网格容器的尺寸 grid container通过其所在的格式化上下文的规则来确定尺寸。 当作为 ...

  • css priority

    ... 步，遍历所有选择器 浏览器在渲染某个HTML元素时，首先会寻找所有作用在该元素上的有效CSS选择器，为此，它根据指定的媒体类型（media type）遍历所有的样式表来源，选择器的来源包括 ... ，后面的课程会详细讨论。 常用的media type包括all/screen/print，可以通过如下的方式定义： <link href="style.css" media="screen print" ...> 浏览器样式 也就是浏览器自身设置用来显示网站的默认样式，不同的浏览器可能 ...

  • css reset

    ... 每次网页被渲染时 在作者样式和用户样式调用之前 每个浏览器都有自己的用户代理CSS，有一些细微的差别。 为什么使用CSS样式重置 不同浏览器的默认样式可能会干扰我们实际想要的效果，所以我们需要一个确 ... 定的、一致的、跨浏览器的默认样式作为基础，这就是为什么要使用CSS重置。 实践上，样式重置在归整文本大小和消除元素间距上最为有用。 你可以下载本站点的HTML5 reset.css文件。放在 <head> 中其它样式表前面。 <head> < ...

  • css size units

    ... 于其中常用的单位分别举例说明。 像素（Pixels） 由于计算机屏幕使用像素来绘制对象，所以这是最常用的CSS尺寸单位。. 它可以被用来设定元素的宽度： body{ width: 400px;} 或者设置文本大小： body{ font-size ... ;} 像素还被广泛用来定位元素或设置元素间距。 像素是使用绝对值（absolute）的单位，不会被其他继承的CSS属性所影响。 像素可以被看作特殊的相对单位，即相对于显示器屏幕分辨率的单位。 百分比（Percentages） 百 ...

  • css syntax

    ... 代码，但实际上有一个简洁的方法，即多个选择器可以共享样式，具体写法就是使用逗号把选择器分开，如下所示： q, blockquote{ background: lightgreen; color: darkgreen; } 在一条CSS规则中，我们可以有多个选择器，多个属性，甚至可以有多个值（尽管比较少见）。 注释（Comments） 和HTML的注释语法不同， ...

  • css text properties

    ... 不推荐使用 justify。这个值用于等宽文本打印，由于它会拉伸文本来实现两端对齐，这通常会影响CSS中定义的文本字符间距（letter-spacing），各个浏览器的处理方式并不一致。而且可读性不好。 text- ... ，你也可以使用 px，em 或者 %。 文本阴影（text-shadow） Photoshop软件中有一个投影（Drop Shadow）工具。同样的在CSS中，我们也可以为文本添加阴影，来实现更好的视觉效果或可读性。 语法格式如下 text-shadow: h-shadow v ...

  • css transitions

    ... 不了要求，我们还可以使用cubic bezier方法来自定义转换过程。 这个站点 cubic-bezier.com 提供简单的可视化工具来编写自定义的时变曲线。可以自动生成CSS代码。 转换延迟（transition-delay） transition-delay 用来定义在动画开始之前需要等待多长时间。 和 transition-duration 一样，你可以使用秒或毫秒来定义。 a{ background: blue; color: white; transition: all ...

  • css display

    ... lt;ol> 中的时候，会额外显示一个自增长数字。 但是各个浏览器在渲染这些列表符号和数字时不尽相同，而且难于使用CSS来对它设定样式。因此 display: list-item 规则很少被使用。相反，我们经常把 <li> 渲染为 display: block 或 display: ... 的3个段落仍然占据了原有空间，只是看不到而已。 Next → CSS 高度和宽度 NextPrevious回到顶部

  • css font family

    ... 体族（font-family） 选择一个字体（font） CSS提供了一些字体属性，其中字体族 font-family 属性规定元素的字体系列，即定义选择哪个字体。 有两种类型的字体系列：通用字体族和指定字体 ... 确定使用哪个字体，你至少应该知道使用哪种字体。 使用在线字体 设计师喜欢使用一些个性化的字体，而这些字体通常是不安全的，为此CSS支持通过在样式中显式引入字体文件的方式来使用特定字体。这样，尽管用户电脑没有安装该字体，但网站提供了该字体。 具体语法是使 ...

推广服务（新）
最新文章

  • 实时光线追踪技术简介

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

  • 生成本地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...

    • 更多...