归档 CSS 文章

前端开发者在构建网站时需要做的一个决定是添加图片的技术。它可以是一个 HTML img，或者是通过 CSS 背景生成的图片，也可能是 SVG image。选择正确的技术很重要，对网站的性能和可访问性起着巨大的作用。

CSS 自定义属性（CSS 变量）允许我们在样式表中存储并复用属性变量，本文讲述 CSS 自定义属性的 7 种实用用法小知识。

又到了一年的尾声，这篇文章回顾 2019 年前端社区受欢迎的重点内容。在 2019 年中，这些内容链接的点击量是最高的。

新的 W3C CSS 规范支持丰富的 CSS 自定义属性，自定义变量和其它特性，这些属性是 CSS 预处理器已经支持多年的特性。W3C CSS 规范是怎么演变出来的，CSS 发展过程中有哪些历史故事。CSS 原生属性特性是不能替代 CSS 预处理器功能，2019 年开始是否可以抛弃 CSS 预处理器？

根据颜色规则，浏览器支持 140 种颜色名称，现在以列表的形式显示可以在 HTML 和 CSS 中使用的颜色名称与其对应的 Hex 颜色编码和 RGB 颜色编码。

CSS display 属性用来控制一个元素及其子元素的格式化上下文，display 属性的不同值可以切换元素的不同状态，例如设置元素为块元素或行内元素。“CSS Display Module Level 3” 支持 CSS display 属性的双值写法，使得属性可以从两个维度描述元素。

CSS 字体从 Level 1 到 Level 3，规范更新字段属性，丰富字体显示。

在前端开发中我们需要用到各种字体，中文字体由于字数多导致字体文件过大，通常很难在网页中直接使用。本文将一步一步实现在网页开发中使用中文字体。

随着网站应用页面数量不断增大和用户界面设计的多样化，页面样式和动画状态状态管理越来越重要。

介绍 CSS 自定义属性（CSS Custom Properties）的语法即用法，了解 CSS 变量的定义和使用方法，有哪些注意事项？CSS 自定义属性与 CSS 预处理器有什么不同，相比预处理器有哪些优势。