说到 CSS 颜色，相比大家都不会陌生，本文是我个人对 CSS 颜色体系的一个系统总结与学习，分享给大家。

先用一张图直观的感受一下与 CSS 颜色相关大概覆盖了哪些内容。

接下来的行文内容大概会按照这个顺序进行，内容十分基础，可选择性跳到相应内容处阅读。

色彩关键字

嗯，色彩关键字很好理解。它表示一个具体的颜色值，且它不区分大小写。譬如这样 color:red的 red 即是一个色彩关键字。

哈喽大家好，我是作者“未来”，本期分享的内容是Web前端系列课程，本系列总共29个阶段，坚持学习3个月蜕变为Web前端高手哦！

志同道合的小伙伴跟我一起学习交流哦！

第二阶段 CSS3

19 字体图标

图片是有诸多优点的，但是缺点很明显，比如图片不但增加了总文件的大小，还增加了很多额外的"http请求"，这都会大大降低网页的性能的。更重要的是图片不能很好的进行“缩放”，因为图片放大和缩小会失真。我们后面会学习移动端响应式，很多情况下希望我们的图标是可以缩放的。此时，一个非常重要的技术出现了，额不是出现了，是以前就有，是被从新"宠幸"啦。。。这就是字体图标（ iconfont）

CSS简介

1.什么是CSS？

• CSS：Cascading Style sheet层叠样式表或级联样式表
• ? 是一种样式设置规则，用于控制页面的外观的样式

在欧洲 Linux 基金会的管理下，Servo 网页引擎（Servo Web Engine）在 Igalia 和其他开发者的不断贡献下，今年继续保持着旺盛的生命力。参与其中的开源开发人员仍在忙于使这个由 Rust 编写的网页布局引擎进入良好状态，以便为其他软件提供嵌入式友好解决方案。

Servo 项目今天发布了 2024 年 3 月的月度状态更新，重点介绍了过去一个月的所有进展。对于这个前 Mozilla 软件项目来说，3 月份的一些亮点包括：

- 在整个网络平台测试套件中，Servo 已经超越了传统的布局引擎。

什么是 tailwindcss

首先它是一个通用的类 css 框架，它内置了很多方便使用的 class，比如 text-center,pt-4,rotate-90，通过使用这些内置的样式，你可以非常快速地构建出一个网站的雏形。

使用CSS3，你可以为文本和元素添加阴影。

一、浏览器支持

表中的数字指定完全支持该属性的第一个浏览器版本。

数字后面的 -webkit- 或者 -moz- 使用时需要指定前缀。

HTML表格如何从中间分开？

大家好，这节课讲解一下如何在html中把表格从中间分开。可以使用到表格中的单元格合并方式，比如可以看到html里面加入了两行四列的表格，它的边框设置为两个px，通过合并，通过"colspan"设置分隔线来跨列合并，使其达到表格分开的效果。

运行一下代码，可以看到表格第二列和第三列已经进行合并了，当然也可以通过实现跨行合并达到合并单元格创建表格分割线的效果。跨行合并，运行一下代码，可以看到表格的第一行和第二行已经合并了(口误是行不是列)，并且在中间创造了一条分割线。

表格元素详解与练习

提到表格，大家最先想到的就是EXCEL这款软件，实际上在对表格的操作上，HTML与EXCEL非常相似。

在展示数据，统计数据方面，表格比文字描述更具表达优势，在网页中，表格也经常被用来展示数据、计划日常安排等内容。如图所示：

今天我们就来学习一下如何向页面中添加表格元素。

首先来介绍一下表格元素中的基本标签。

NO.1：<table></table>

CSS3图片边框

使用CSS3 border-image 属性，你可以在元素的周围设置图片边框。

一、浏览器支持

表中的数字指定完全支持该属性的第一个浏览器版本。

数字后面的 -webkit- 或者 -moz- 使用时需要指定前缀。

二、CSS3 border-image 属性