颜色的原理首先我们来讲讲颜色，最常见的颜色相关的属性就是 color 和 background-color。 这两个属性没什么好讲的，它们分别表示文字颜色和背景颜色，我们这里重点讲讲颜色值。 RGB 颜色我们在计算机中，最常见的颜色表示法是 RGB 颜色，它符合光谱三原色理论：红、绿、蓝三种颜色的光可以构成所有的颜色。 为什么是这三种颜色呢？这跟人类的视神...

在上世纪 80 年代，“富文本”的概念在计算机领域的热门，犹如如今的“AI”和“区块链”，而 Tim Berners-Lee 当时去设计 HTML，也并非是凭空造出来，他使用了当时已有的一种语言：SGML。 SGML 是一种古老的标记语言，可以追溯到 1969 年 IBM 公司所使用的技术，SGML 十分复杂，严格来说，HTML 是 SGML 中规定的一种...

在 CSS 属性中，有这么一类属性，它负责的不是静态的展现，而是根据用户行为产生交互。这就是今天我们要讲的属性。 首先我们先从属性来讲起。CSS 中跟动画相关的属性有两个：animation 和 transition。 animation 属性和 transition 属性我们先来看下 animation 的示例，通过示例来了解一下 animation ...

在早年的 CSS 中，“使盒按照外部尺寸变化”的能力非常弱。在我入行前端的时间（大约 2006 年），CSS 三大经典问题：垂直居中问题，两列等高问题，自适应宽问题。这是在其它 UI 系统中最为基本的问题，而到了 CSS 中，却变成了困扰工程师的三座大山。 机智的前端开发者们，曾经创造了各种黑科技来解决问题，包括著名的 table 布局、负 margin、...

script我们之所以选择先讲解 script 标签，是因为 script 标签是为数不多的既可以作为替换型标签，又可以不作为替换型标签的元素。 我们先来看看 script 标签的两种用法： 123456<script type="text/javascript">console.log("Hello world!&...

链接这种元素可以说是占据了整个互联网。也正是因为无处不在的超链接，才让我们的万维网如此繁荣。没有了超链接的 HTML，最多可以称为富文本，没法称作超文本（hyper text）。 链接是 HTML 中的一种机制，它是 HTML 文档和其它文档或者资源的连接关系，在 HTML 中，链接有两种类型。一种是超链接型标签，一种是外部资源链接。 link 标签我...

选择器的组合在 CSS 规则中，选择器部分是一个选择器列表。 选择器列表是用逗号分隔的复杂选择器序列；复杂选择器则是用空格、大于号、波浪线等符号连接的复合选择器；复合选择器则是连写的简单选择器组合。 根据选择器列表的语法，选择器的连接方式可以理解为像四则运算一样有优先级。 第一优先级 无连接符号 第二优先级 “空格” “~” “+” “>” “|...

选择器的基本意义是：根据一些特征，选中元素树上的一批元素。 我们把选择器的结构分一下类，那么由简单到复杂可以分成以下几种。 简单选择器：针对某一特征判断是否选中元素。 复合选择器：连续写在一起的简单选择器，针对元素自身特征选择单个元素。 复杂选择器：由“（空格）”“ >”“ ~”“ +”“ ||”等符号连接的复合选择器，根据父元素或者前序元素检查...

我们可以先来了解一下什么是元信息类标签。所谓元信息，是指描述自身的信息，元信息类标签，就是 HTML 用于描述文档自身的一类标签，它们通常出现在 head 标签中，一般都不会在页面被显示出来（与此相对，其它标签，如语义类标签，描述的是业务）。 元信息多数情况下是给浏览器、搜索引擎等机器阅读的，有时候这些信息会在页面之外显示给用户，有时候则不会。 head...

CSS 是前端工程师几乎每天都要用的技术了，不过 CSS 的学习资料却是最糟糕的。 来看 W3C 提供的标准文档https://www.w3.org/TR/?title=csshttps://www.w3.org/TR/css-syntax-3/ 我们拿到这份标准可以看到，去除空格、HTML 注释等无效信息，CSS 的顶层样式表由两种规则组成的规则列表构...