CSS 文本

CSS 有很多我们可以操作页面的方法,但其中最基本的方法之一可能是调整页面上的文本和字体。有很多方法可以改变 CSS 中文本的外观,让我们来看看。

文字颜色#

要更改文本颜色,我们使用该color属性。

以上将使所有段落都有红色文本。

对齐文本#

我们可以使用对齐元[……]

继续阅读

CSS 颜色

CSS 有许多不同的方式来表达颜色。主要方式有:

  • 十六进制- 这是在 Photoshop 和 gimp 等图像编辑器中常见的 #000000 样式颜色代码。
  • rgb(a) – 这是颜色的红色、绿色和蓝色值,可选的 ‘a’ 表示 alpha 或透明度。
  • hsl(a) – 这是颜色[……]

    继续阅读

CSS 快速入门介绍

与使用 HTML 创建的网站的结构组件一起,CSS 是创建真正独特的交互式 Web 体验不可或缺的一部分。顾名思义,CSS 或级联样式表是更改 HTML 元素的颜色、字体、定位和视觉外观的主要方式。

CSS 通常很复杂,因为许多现代 Web 框架(如React)在其代码中使用稍微修改过的 CS[……]

继续阅读

如何创建 CSS 文本渐变

渐变文本在网络上变得越来越流行。我们甚至在不同地方的 code8cn上使用它。过去,渐变文本需要静态图像,但现在可以使用 CSS 而不是 Photoshop 轻松完成。

Web3 文本渐变样式#

在本快速指南中,我们将创建一些不同的文本渐变。这些文本渐变在 Web3 设计中非常常见。以下[……]

继续阅读

CSS夜间模式快速指南

深色模式和浅色模式在网络上变得越来越普遍,因此现在正在制定标准以帮助我们根据本机系统设置进行管理是有道理的。

在本指南中,我们将研究如何正确执行暗模式。如果您有兴趣以懒惰的方式进行操作,请查看下面的“只是为了好玩”文章:

阅读:为懒惰的人创建的CSS夜间模式

我们为什么要使用暗模式[……]

继续阅读

为懒惰的人创建的CSS夜间模式

很多人花了很多时间想知道如何创建他们网站的轻量模式版本。别再浪费时间了!只需反转您的html标签。注意:可能会导致意想不到的颜色。

开个玩笑,这确实有效。有趣的是,Chrome 和 Firefox 似乎都首先反转了边框。在 Firefox 中,body 标签的背景不会反转,这意味着过滤[……]

继续阅读

Level4 CSS 选择器指南

CSS 用它的选择器做了很多事情,但它仍然可以做更多的事情来让开发人员更轻松。在本指南中,我们将研究来自 CSS 选择器规范 4 的一些主要开发,以及它如何使您的开发生活更轻松。

对这些新功能的支持差异很大,因此在大多数情况下,您不能在生产中使用它们。然而,这将使您了解 CSS 如何改变以使我[……]

继续阅读

CSS 选择器指南

有四个非常基本的 CSS 选择器,它们是您将看到的最常见的。这些是类、星号、元素和 ID 选择。

元素选择

键入 HTML 标记以使用 CSS 定位特定的 HTML 标记,例如:

类选择

使用一个点.来表示一个类。下面的 CSS 针对任何带有“my-paragraph[……]

继续阅读

如何在 CSS 中让子元素出现在其父元素的后面

过去的一种常见情况是,您在另一个元素中有一个元素,您希望它出现在父元素的后面。例如:

默认情况下会产生如下结果:

I am the parent

I am the child, but I want to be behind my parent

要使其正常工作,您必须[……]

继续阅读

如何使用 WebGL 和 Three.js 创建动画卡片

最近, Apple 开始在 Apple Music 上推出有吸引力的动画卡片。像这样的动画和效果确实推动了与网站的互动,并最终带来更多的转化。

我认为这是一种非常酷的展示卡片的方式,它正在成为一种在网络上显示内容的更普遍的方式。本教程将介绍掌握此效果的要点。

链接到 CodeP[……]

继续阅读